@charset "utf-8"!important;
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300!important;400!important;700!important;900&display=swap');

/*..............embedded fonts..............*/

/*..............custom fonts..............*/

/*@font-face {
  font-family: 'AvantGardeITCbyBT-Book'!important;
  src: url('AvantGardeITCbyBT-Book.eot')!important;
  src: url('AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'),
      url('AvantGardeITCbyBT-Book.woff2') format('woff2'),
      url('AvantGardeITCbyBT-Book.woff') format('woff'),
      url('AvantGardeITCbyBT-Book.ttf') format('truetype'),
      url('AvantGardeITCbyBT-Book.svg#AvantGardeITCbyBT-Book') format('svg')!important;
  font-weight: normal!important;
  font-style: normal!important;
  font-display: swap!important;
}

@font-face {
  font-family: 'AvantGardeITCbyBT-DemiOblique'!important;
  src: url('AvantGardeITCbyBT-DemiOblique.eot')!important;
  src: url('AvantGardeITCbyBT-DemiOblique.eot?#iefix') format('embedded-opentype'),
      url('AvantGardeITCbyBT-DemiOblique.woff2') format('woff2'),
      url('AvantGardeITCbyBT-DemiOblique.woff') format('woff'),
      url('AvantGardeITCbyBT-DemiOblique.ttf') format('truetype'),
      url('AvantGardeITCbyBT-DemiOblique.svg#AvantGardeITCbyBT-DemiOblique') format('svg')!important;
  font-weight: bold!important;
  font-style: italic!important;
  font-display: swap!important;
}

@font-face {
  font-family: 'AvantGardeITCbyBT-Book_1'!important;
  src: url('AvantGardeITCbyBT-Book_1.eot')!important;
  src: url('AvantGardeITCbyBT-Book_1.eot?#iefix') format('embedded-opentype'),
      url('AvantGardeITCbyBT-Book_1.woff2') format('woff2'),
      url('AvantGardeITCbyBT-Book_1.woff') format('woff'),
      url('AvantGardeITCbyBT-Book_1.ttf') format('truetype'),
      url('AvantGardeITCbyBT-Book_1.svg#AvantGardeITCbyBT-Book') format('svg')!important;
  font-weight: normal!important;
  font-style: normal!important;
  font-display: swap!important;
}

@font-face {
  font-family: 'AvantGardeITCbyBT-Demi'!important;
  src: url('AvantGardeITCbyBT-Demi.eot')!important;
  src: url('AvantGardeITCbyBT-Demi.eot?#iefix') format('embedded-opentype'),
      url('AvantGardeITCbyBT-Demi.woff2') format('woff2'),
      url('AvantGardeITCbyBT-Demi.woff') format('woff'),
      url('AvantGardeITCbyBT-Demi.ttf') format('truetype'),
      url('AvantGardeITCbyBT-Demi.svg#AvantGardeITCbyBT-Demi') format('svg')!important;
  font-weight: bold!important;
  font-style: normal!important;
  font-display: swap!important;
}

*/




/*..............custom fonts..............*/

:root{
  --body-font: 'Raleway'!important;
  --font-bold: 'Raleway'!important;
  --font-normal: 'Raleway'!important;
  --font-awesome: 'Font Awesome 6 Free'!important;
  --body-text-color: #5b6c8f!important;
  --form-color: #616161!important;
  --white: #fff!important;
  --black: #000!important;
  --green: #39696d!important;
  --blue: #213041!important;
  --sky-Blue: #5587be!important;
  --light-blue:#5b6c8f!important;
  --grey:#7b8295!important;
  --light-grey: #a4aeb9!important;
  --text-green: #64b554!important;
  --common-transition: all 0.3s ease 0s!important;

}


/*~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
html{ overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--body-font); font-weight: 400; font-size: 16px; color: var(--body-text-color); overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-family: var(--font-bold); font-weight: bold; margin: 0 0 15px; padding: 0; color: var(--body-text-color); }
h1{ font-size: 50px;}
h2{ font-size: 25px;}
h3{ font-size: 20px;}
h4{ font-size: 18px;}
h5{ font-size: 16px;}
h6{ font-size: 18px;}
p{ font-size: 16px; line-height: 1.45; margin: 0 0 15px; padding: 0;}
img{ max-width: 100%;}
a, img{ color: var(--body-text-color); border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--common-transition);}
a:hover{ text-decoration:none;}
.overlay-content { position: relative; z-index: 2;}

/*Input CSS*/

.form-group { margin: 0 0 15px!important; }
textarea, select, .form-control { font-family: var(--helvetica-regular)!important; font-weight: 400!important; font-size: 16px!important; outline: none!important; height: 48px!important; padding: 12px!important; border: 0!important; }
input[type="submit"] { font-family: var(--helvetica-regular)!important; font-weight: 400!important; font-size: 16px!important; transition: all 0.3s ease 0s!important; outline: none!important; }
.form-group label { margin: 0 0 5px!important; color: #33135c!important; }
.form-group label span { color: #f00!important; }
select { background-image: url(../images/icon-down.svg)!important; background-repeat: no-repeat!important; background-position: 95% center!important; background-size: 14px!important; -webkit-appearance: none!important;-moz-appearance: none!important; appearance: none!important;}
input:focus, input:focus-visible, button:focus { outline: none !important; box-shadow: none !important; }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit!important;}
input.input-area { width: 100%!important; height: 45px!important; background-color: transparent!important; border: 1px solid #a4aeb8!important; border-radius: 8px!important; padding: 0 15px!important; color: var(--grey)!important; }
/*placeholder color*/

input::-moz-placeholder , .form-control::-moz-placeholder { color: #a4aeb9!important; opacity: 1!important; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color:#a4aeb9!important; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #a4aeb9!important; }

/*placeholder color*/

/*Button Styles*/
.btn, a.btn {   
    font-family: var(--helvetica-regular);
    display: inline-block;
    background: #141414;
    color: #fff;
    padding: 12px 36px;
    text-transform: none;
    border-radius: 5px;
    border: 0;
    font-size: 14px;
    line-height: 17px;
    transition: all 0.3s ease 0s;
}


.btn.border, a.btn.border {
    border: 1px solid #798397 !important;
    color: var(--body-text-color);
    border-radius: 10px;
    padding: 8px 15px;
    display: inline-block;
    background: transparent;
    line-height: 1;
    font-weight: normal;
    font-size: 16px;
}


a.link-btn, .link-btn { text-decoration: underline!important; font-weight: bold!important;  }
.green-border-btn , a.green-border-btn { border: 1px solid #64b554!important; color: #64b554!important; border-radius: 10px!important; padding: 8px 20px!important; display: inline-block!important; /*background: #fff!important;*/ line-height: 1!important; font-weight: normal!important; font-size: 16px!important; }
.green-border-btn:hover, a.green-border-btn:hover { background: #64b554 !important; color: #fff!important; border: 1px solid #64b554!important; }



/*Button Styles*/

/*checkbox and radio button Styles*/

.builder_radiobox ul li label { font-weight: normal!important; }
.builder_radiobox ul li input[type="radio"] { opacity: 0!important; }
.builder_radiobox ul li input[type="radio"]:empty ~ label { position: relative!important; float: left!important; cursor: pointer!important; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; padding: 0 0 0 22px!important; }
.builder_radiobox ul li input[type="radio"]:empty ~ label:before { position: absolute!important; display: block!important; top: 2px!important; bottom: 0!important; left: 0!important; content: ""!important; width: 16px!important; height: 16px!important; background: url(../images/radiobutton.png) left top no-repeat!important; }
.builder_radiobox ul li input[type="radio"]:checked ~ label:before { background: url(../images/radiobutton.png) left bottom no-repeat!important; }

/*fonts css*/
.fw-normal { font-family: var(--font-normal) !important;}
.fw-bold { font-family: var(--font-bold) !important;}

/*Title css*/
.blue-tile { color: #213041!important; font-size: 22px!important; }

/*Common Border css*/
.common-border { border: 1px solid #a4aeb8!important; }
.border-top { border-top: 1px solid #a4aeb8 !important; }
.border-bottom { border-bottom: 1px solid #a4aeb8 !important; }

/*background & text color css */
.bg-light { background-color: #e8ebee!important; }
.bg-grey { background-color: #d0d5db!important;}
.text-green, a.text-green { color: var(--text-green)!important;}
.text-grey, a.text-grey { color: var(--grey)!important;}
.text-blue, a.text-blue { color: var(--blue)!important;}
.text-light-blue { color: var(--light-blue)!important;}

@media (min-width: 992px) { 
  .text-lg-right { text-align: right!important; }
}



/*owl arrows css*/
.owl-nav button span { font-size: 0!important; }
.owl-nav button.owl-prev { position: absolute!important; left: 0!important; top: 50%!important; transform: translateY(-50%)!important; }
.owl-nav button.owl-next { position: absolute!important; right: 0!important; top: 50%!important; transform: translateY(-50%)!important; }
.owl-nav button.owl-prev:before { content: "<"!important; font-size: 20px!important; }
.owl-nav button.owl-next:after { content: ">"!important; font-size: 20px!important; }
.owl-theme .owl-nav .disabled { opacity: 0!important;}
.owl-theme .owl-nav [class*=owl-]:hover { background: transparent!important; color: #000!important;}

/*Main Wrapper css*/
.main-wrapper { /*max-width: 1000px!important;*/ width: 100%; margin: 0 auto; }

/*header adjustments*/
.main-header { position: relative; padding: 15px 0; /*border-bottom: 1px solid #ddd; */}
.main-header .header-row-left .logo { margin-right: 4rem; }
.main-header .header-row-left .logo a img { width: 170px; margin-right: 5px;}
.main-header .header-row-left .logo span { font-size: 20px; font-family: var(--font-bold); line-height: normal; }
.main-menu ul li a { padding: 0 15px; text-decoration: underline;  line-height: normal;}
.main-menu a.register-btn { line-height: normal; text-decoration: underline; }
.main-menu a.register-btn span { margin-left: 15px; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #a2aeba; overflow: hidden; }


/*hamburger menu styling*/
.hamburger-nav{  vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span{ display: block; position: absolute; height: 2px; width: 100%; background: #898989; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1){ top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2){ top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3){ top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}

/*Header responsive styling*/
@media only screen and (max-width: 991px){
  .main-header { padding: 15px!important;} 


}
@media only screen and (max-width: 991px){
  .main-header .header-row-left .logo { margin-right: 2rem!important; max-width: 120px!important; }
  .main-menu ul li a { padding: 0 10px; font-size: 15px; }
  .main-header .header-row-right a.register-btn { font-size: 15px!important; }
  .main-menu a.register-btn span { width: 50px!important; height: 50px!important;}
}
@media only screen and (max-width: 767px){

 .destop-menu { display: none; }
  .main-header .align-items-baseline { align-items: center !important; }
  .main-header .header-row-left .logo { max-width: 150px; }
  .mobile-top-section .logo img { width: 160px; }
  .mobile-menu {position: fixed; z-index: 100; top: -100vh; right: 0; left: 0;  background: var(--white); display: none; height: 100vh; transition: all 0.45s ease-in-out; display: block;  }
  .mobile-top-section .inner-row {display: flex;justify-content: space-between;align-items: center;}
  .mobile-top-section { padding: 15px 10px; background-color: #f5f5f5; }
  .main-header .header-row-right { display: flex; align-items: center; }
  .main-header .header-row-right a.register-btn { font-size: 0; margin: 0; }

  .hamburger-nav-close { vertical-align: top;width: 30px;height: 24px;position: relative;margin: 0 0 0 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;margin-top: 0;z-index: 9;}
  .hamburger-nav-close span {display: block;position: absolute;height: 2px;width: 100%;background: var(--body-font-color); border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  .hamburger-nav-close span{background: #5b6c8f;}
  .hamburger-nav-close span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px;left: 3px;}
  .hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
  .hamburger-nav-close span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
  
  .menu-open .mobile-menu { top: 0; }
  .mobile-mid-section ul{display: block; text-align: left;}
  .mobile-mid-section .main-menu {margin: 20px 0;}
  .main-menu ul li a { padding: 8px 14px; display: block; font-size: 18px; }
  .main-menu ul li{margin: 0;}
  .main-menu a.register-btn { margin: 0 14px; display: flex; align-items: center; flex-direction: row-reverse; justify-content: start; }



  }

  @media only screen and (max-width: 479px){ 
    .hamburger-nav { width: 25px!important; height: 17px!important; }
    .main-menu a.register-btn span { width: 40px!important; height: 40px!important; margin: 0!important; }
    .hamburger-nav span:nth-child(2) { top: 7px!important; }
    .hamburger-nav span:nth-child(3) { top: 14px!important; }

  }
  



/*header adjustments*/


/*Home Banner adjustments*/
.banner { padding: 5rem 0!important; background-position: center!important; background-size: cover!important; background-repeat: no-repeat!important;}
.banner:after { content: ""!important; position: absolute!important; left: 0!important; right: 0!important; top: 0!important; width: 100%!important;  height: 100%!important; background: linear-gradient(90deg, rgb(255 255 255 / 57%) 0%, rgb(255 255 255 / 80%) 15%, rgb(255 255 255 / 0%) 100%)!important; }
.banner .main-banner-txt { max-width: 40%!important; padding-left: 5rem!important; }
.banner h1 { color: var(--green)!important; line-height: 1!important; }
.banner p { font-weight: bold!important; color: var(--black)!important;}


/*Home Video Section adjustments*/
.video-slider-wrapper { /*background: #d1d6db!important;*/ margin: 10px 0!important; border-radius: 10px!important; /*border: 1px solid #c0c4c8!important;*/ padding: 20px 0!important; }
.video-slider-wrapper .video-left-desc { border-radius: 40px!important; padding: 10px 25px!important; position: relative!important; z-index: 2!important; margin-top: 40px!important; margin-bottom: 15px!important;}
.video-slider-wrapper .video-left-desc h3 { color: #778695!important; font-size: 25px!important; margin-bottom: 6px!important; }
.video-slider-wrapper .video-left-desc p.grey-box { background: #a4aeb8!important; display: inline-block!important; border-radius: 20px!important; color: #fff!important; padding: 0px 24px!important; margin-bottom: 40px!important; }
.video-slider-wrapper .main-video-box { border-radius: 10px!important; margin-left: -50px!important; padding: 10px 15px!important; }
.video-area img { width: auto !important; margin:0 auto!important; }
.video-slider-wrapper .video-slider .owl-nav button.owl-prev { margin-left: 30px!important; }
.video-slider-wrapper .key-icon-img { margin-left: 20px!important; margin-bottom: 6px!important;}
.video-slider-wrapper .key-icon-img img { width: 200px!important; }
.video-btm-block { text-align: center!important; flex:0 0 auto!important; /*width: 37.5%!important;*/ padding: 0 6px 10px!important; }
.video-btm-block:nth-child(3) { width: 25%!important; }
.video-btm-block h3 { margin-bottom: 10px!important; }
.video-btm-block p.text-green { font-size: 25px!important; font-family: var(--font-bold)!important; margin: 0 1.6rem!important; }
.video-btm-block .white-circle-box { width: 44px!important; height: 44px!important; line-height: 44px!important; background: #fff!important; border-radius: 50%!important; font-size: 18px!important; font-family: var(--helvetica-bold)!important; color: var(--text-green)!important; margin-right: 15px!important; }
.video-slider-wrapper .btn-container {margin-left: -20px!important;}

/*Home Three block Section adjustments*/
.three-box-wrapper { padding: 10px 5px 20px!important; }
.three-box-wrapper h2.blue-tile { margin-bottom: 4rem!important; }
.three-block-box { border-radius: 8px!important; height: 100%!important; padding: 0 10px 0!important; }
.three-block-box:before { content: ""!important; position: absolute!important; left: 0!important; right: 0!important; top: -38px!important; width: 100%!important; height: 50px!important; clip-path: polygon(51% -3%, 0 80%, 100% 80%)!important; background-color: #e8ebee!important; border-radius: 0 0 8px 8px!important; }
.three-block-box .three-block-box-inner { position: relative!important; top: -14px!important; }
.three-block-box .img-holder img { height: 60px!important; }
/* .three-block-box h3 {color: #5d6a8d!important; } */
.three-block-box p { font-size: 18px!important;  }
.three-box-wrapper .btn-container .btn { width: 255px!important; margin: 0 6rem!important; padding: 12px 15px!important; }


/*Home logos Section adjustments*/
.testimonial-logos .nav.client-logos { background: #f5f5f5!important; border: 1px solid #ddd!important; margin-left: 15px!important; }
.testimonial-logos .nav.client-logos li { flex: 0 0 auto!important; width: 20%!important; text-align: center!important; padding: 3px 10px!important; }

/*Home two video Section adjustments*/
.block-two-video { padding: 25px 0 0!important;}
.block-two-video .video-area { height: 350px!important; /*display: flex!important;*/ align-items: center!important; border-radius: 10px!important; margin-bottom: 15px!important; }
.two-video-slider { padding: 0 20px!important; }
.two-video-slider .owl-nav button.owl-next, .two-video-slider .owl-nav button.owl-prev { top: 40%!important; transform: translateY(-60%)!important; }


/*Home Step Section adjustments*/
span.down-arrow { margin: 5px 10px!important; display: inline-block!important; height: 12px!important; position: relative!important; width: 12px!important; -moz-transform: rotate(45deg)!important; -ms-transform: rotate(45deg)!important; -webkit-transform: rotate(45deg)!important; transform: rotate(45deg)!important; }
span.down-arrow::after { content: ""!important; display: inline-block!important; left: 0!important; position: absolute!important; top: 0!important; border-style: solid!important; border-width: 0 0 12px 12px!important; height: 0!important; width: 0!important; border-color: transparent!important; border-bottom-color: #5d6a8d!important; }  
/*.step-section {background: #e1e5ea!important; margin: 10px 0!important;  border-radius: 10px!important; border: 1px solid #c0c4c8!important; padding: 10px 0 0 0!important; } */
.steps-content-wrapper-right { flex:0 0 auto!important; width: 40%!important; padding-left: 15px!important; }
.donut-piechart #donutchart { /*border: 1px solid #c0c4c8!important;*/ padding-top: 30px!important;}
.donut-piechart h3 { color: #888889!important; position: relative!important; top: 35px!important; z-index: 2!important; margin: 0!important; }
.donutchart-list { position: absolute!important; left:20px!important; right: 0!important; top: 55%!important; transform: translateY(-50%)!important; max-width: 130px!important; margin: 0 auto!important; }
.donutchart-list ul { padding: 0!important; margin: 0!important; list-style: none!important; }
.donutchart-list ul li { display: flex!important; align-items: center!important; font-size: 10px!important; position: relative!important;  padding-left: 13px!important; }
.donutchart-list ul li .color { content: ""!important; position: absolute!important; left: 0!important; top: 4px!important; width: 8px!important; height: 8px!important; border: 1px solid #fff!important;}
.donutchart-list ul li:first-child .color { background-color: #a2aebb!important; }
.donutchart-list ul li:nth-child(2) .color { background-color: #1d3142!important; }
.donutchart-list ul li:nth-child(3) .color { background-color: #576d92!important; }
.donutchart-list ul li:nth-child(4) .color { background-color: #4289c3!important; }
.donutchart-list ul li:nth-child(5) .color { background-color: #00fa00!important; }


.steps-main-wrapper { position: relative!important; }
.steps-main-wrapper.stepone { /*background: #e1e5ea!important; border: 1px solid #c0c4c8!important;*/ border-radius: 10px 10px 0 0!important;  border-bottom: 0!important; padding: 10px 0 0!important; }
.step-section.addBg .steps-main-wrapper.stepone { /*border-bottom: 1px solid #c0c4c8!important;*/ border-radius: 10px!important; }
.stepone .steps-content-wrapper-left::before, .steptwo .steps-content-wrapper-left::before { content: ""!important; position: absolute!important; left: 50px!important; top: 0!important; width: 5px!important; height: 98%!important; background: #a1a9bd!important; }
.steptwo .steps-content-wrapper-left::before { background: #d5dae4!important;}
.stepone .steps-content-wrapper-left::before { height: 100%!important;}
.step-section.addBg .stepone .steps-content-wrapper-left::before { height: 103%!important;}
.steps-content-wrapper-left { flex: 0 0 auto!important; width: 60%!important; padding: 0 20px 0 15px!important; }
.step-title-box .step-title-icon-wrap { width: 75px!important; height: 75px!important; border: 2px solid #5b6c8f!important; border-radius: 50%!important; padding: 3px!important; display: flex!important; align-items: center!important; background: #fff!important; position: relative!important; }
.step-title-box .step-title-icon-wrap .step-title-icon-inner { width: 62px!important; height: 62px!important; border-radius: 50%!important; margin: 0 auto!important; border: 1px solid #5b6c8f!important; padding: 2px!important; }
.step-title-box .step-title-wrap { background: #fff!important; padding: 2px 25px 2px 15px!important; font-size: 22px!important; border-radius: 0 5px 5px 0!important; color: #5b6c8f!important; border-top: 1px solid #5b6c8f!important; border-bottom: 1px solid #5b6c8f!important; border-right: 1px solid #5b6c8f!important; margin-left: -5px!important; }
.step-title-box.active .step-title-icon-wrap , .step-tab-area ul.nav li.nav-item button.nav-link.active .step-title-icon-wrap  { background: #5b6c8f!important; }
.step-title-box.active .step-title-icon-wrap .step-title-icon-inner, .step-tab-area ul.nav li.nav-item button.nav-link.active .step-title-icon-wrap .step-title-icon-inner { background: #fff!important; }
.step-title-box.active .step-title-wrap, .step-tab-area ul.nav li.nav-item button.nav-link.active .step-title-wrap { background: #5b6c8f!important; color: #fff!important; }
.steps-main-wrapper .step-custom-left-gap { padding-left: 40px!important; margin-left: 35px!important; } 
.steps-main-wrapper .step-custom-left-gap button.dropdown-toggle { color: var(--body-text-color)!important; white-space: normal!important; text-align: left!important; }
.steps-main-wrapper .step-custom-left-gap button.dropdown-toggle:after { border-top: 0.4em solid!important; border-right: 0.4em solid transparent!important; border-left: 0.4em solid transparent!important; }
.accordion-button:not(.collapsed) .step-title-icon-wrap { background: #5b6c8f!important; }
.accordion-button:not(.collapsed) .step-title-icon-inner { background: #fff!important; }
.accordion-button:not(.collapsed) .step-title-wrap { background: #5b6c8f!important; color: var(--white)!important; font-family: var(--font-normal)!important; }


/* Range Slider CSS */

.circle-ball:before { content: ""!important; position: absolute!important; top: 50%!important; transform: translateY(-50%)!important; left: -10px!important; width: 25px!important; height: 25px!important; border-radius: 50%!important; background-color: #5d6a8d!important;}
.range-slider { position: relative!important; margin:35px 0 26px!important; padding: 0 4.2rem 0 3rem!important; }
.range-slider span.start, .range-slider span.end {position: absolute!important; top: 50%!important; transform: translateY(-50%)!important; /*font-family: var(--helvetica-bold)!important;*/ }
.range-slider span.start { left: 0!important; /*color: #5d6a8d!important; */}
.range-slider span.end { right: 0!important; /*color: #7e8395!important;*/ }
.dragger { width: 40px; height: 40px; color: #5d6a8d; font-weight: 600; line-height: 37px; background-color: #fff; border: 2px solid #5d6a8d; border-radius: 50%; left: -4px; box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 28%); }
.range-slider .progress { /*width: 0px!important;*/ background-color: #64b554!important; }
.rangeslide.container { background-color: #5b6c8f!important; min-height: 12px !important;}
.rangeslide.container:before, .rangeslide.container:after { content: ""!important; position: absolute!important; right: 0!important; top: -5px!important; width: 6px!important; height: 20px!important; background-color: #5b6c8f!important; border-radius: 5px!important; }
.rangeslide.container:before { left: 0!important; background-color: #64b554!important;  }

.invest-main-ammount:after { content: ""!important; position: absolute!important; left: -12px!important; right: 0!important; top: 41px!important; width: 105%!important; height: 67px!important; border: 1px solid #a2aeba!important; border-radius: 20px!important; }
.invest-ammount-box-top { /*max-width: 150px!important;*/ margin: 0 auto 1rem auto!important; }
.invest-ammount-box-top ul.nav.justify-content-center > li { flex: 0 0 auto!important; width: 34%!important; padding: 0 15px!important;}
.invest-ammount-box-top .ammount { border: 1px solid #798397 !important; color: #64b554!important; border-radius: 10px!important; line-height: normal!important; padding: 9px 10px!important; display: inline-block!important; background-color: #fff!important; font-family: var(--helvetica-bold)!important; }
.invest-ammount-box-bottom ul { margin: 0 -5px!important; justify-content: center!important;}
.invest-ammount-box-bottom ul li { padding: 0 5px!important; flex: 0 0 auto!important; width: 25%!important; }
.invest-ammount-box-bottom ul li > div {border: 1px solid #a2aeba!important;height: 100%!important; background-color: #fff!important; padding: 5px 2px 0!important;}
.invest-ammount-box-bottom ul li p { margin: 0!important; font-size: 20px!important; line-height: normal!important; }
.invest-ammount-box-bottom ul li span { font-size: 10px!important; display: block!important;  white-space: normal!important;}
.invest-ammount-box-bottom ul li.green > div { border-left: 3px solid #8efa00!important; }
.invest-ammount-box-bottom ul li.grey > div { border-left: 3px solid #798397!important; }

/*Tab section */
.step-tab-area .steps-content-wrapper-right { padding: 5% 0 0 0!important; }
.accordion-item { background-color: transparent!important; border: 0!important;}
.step-tab-area { /*padding-bottom: 15px!important; background: #e8ebee;*/ border-radius: 0 0 10px 10px!important; /*border: 1px solid #c0c4c8!important;*/ border-top: 0!important; }
.step-section.addBg .step-tab-area { background: #fff!important; border-left: 0!important; border-right: 0!important; padding: 10px 0 20px!important; }
.step-tab-area .nav-tabs { margin: 0 15px 0!important; }
.step-tab-area ul.nav-tabs:after { content: ""!important; position: absolute!important; left: 0!important; right: 0!important; top: 50%!important; transform: translateY(-50%)!important; width: 90%!important; height: 4px!important; background-color: #5d6a8d!important; }
.step-tab-area ul.nav li.nav-item { flex:0 0 auto!important; width: 25%!important; position: relative!important; z-index: 2!important;}
.step-tab-area ul.nav li.nav-item button.nav-link { padding: 0!important; border: 0!important; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: transparent!important; border: 0!important; }
  
/*Tab 2*/
.step-tab-area .steptwo .steps-content-wrapper-left { padding: 0 0 0 15px!important; }
.partners-list.circle-ball::before { top: inherit!important; transform: inherit!important; bottom: 3px!important; }
.partners-list-inner:after { content: ""!important; position: absolute!important; left: 0!important; right: 0!important; top: 11px!important; width: 94%!important; height: 50px!important; margin: 0 auto!important; border: 1px solid #a2aeba!important; border-radius: 30px!important; }
.partners-list-inner span.partner-title {/* margin-bottom: 13px!important; border: 1px solid #a2aeba!important;*/ padding: 0 4px 17px!important; display: inline-block!important; line-height: normal!important; font-family: var(--helvetica-bold)!important; color: #5d6a8d!important; background-color: #fff!important; }
.partners-list-inner ul:after { content: ""!important; position: absolute!important; bottom: 17px!important; right: 0!important; width: 1px!important; height: 67%!important; background: #41b745!important; margin: 0 auto!important; }
.partners-list-inner ul li { flex: 0 0 auto!important; width: 25%!important; padding:0 5px!important; line-height: normal!important; color: #1d3143!important; position: relative!important; }
.partners-list-inner ul li span.content { background-color: #fff!important; /*border: 1px solid #a2aeba!important;*/ display: inline-block!important; padding: 2px 7px!important; position: relative!important; z-index: 2!important; }
.partners-list-inner ul li span.circle { width: 40px!important; height: 40px!important; line-height: 37px!important; font-size: 20px!important; font-family: var(--helvetica-bold)!important; display: block!important; margin: 0 auto!important; border: 4px solid #a2aeba!important; border-radius: 50%!important; background: #fff!important; margin-bottom: 8px!important; position: relative!important; z-index: 2}
.partners-list-inner ul li span.btm-btn { text-decoration: underline!important; display: inline-block!important; /*border: 1px solid #a2aeba!important;*/ margin-top: 30px!important; padding: 7px 5px 5px!important; font-family: var(--helvetica-bold)!important;background: #fff!important; position: relative!important; z-index: 2 }
.partners-list-inner ul li:after { content: ""!important; position: absolute!important; top: 0!important; left: 0!important; right: 0!important; width: 1px!important; height: 88%!important; background: #41b745!important; margin: 0 auto!important; }
.partners-list-inner ul li:last-child:before { content: ""!important; position: absolute!important; bottom: 17px!important; right: 0!important; width: 50%!important; height: 1px!important; background: #41b745!important; margin: 0 auto!important; }


/* .my-Key-section { margin-left: 60px!important;  } */
.my-Key-section.step-custom-left-gap { padding-left: 34px!important; }
.my-Key-inner {background: #e8ebee!important; border-radius: 15px!important; padding: 15px!important; }
.circle-ball.circle-ball-btm:before { top: inherit!important; transform: inherit!important; bottom: 0!important; }
.my-Key-inner:after { opacity: 0!important; content: ""!important; position: absolute!important; left: 0!important; right: 0!important; top: 30px!important; width: 93%!important; height: 50px!important; border: 1px solid #a2aeba!important; border-radius: 30px!important; margin: 0 auto!important; }
.my-Key-section .my-Key-title { margin-bottom: 15px!important; /*border: 1px solid #a2aeba!important; */ padding: 6px 10px 3px!important; display: inline-block!important; line-height: normal!important; font-family: var(--helvetica-bold)!important; color: #5d6a8d!important; border-radius: 30px!important; background: #e8ebee!important; position: relative!important; z-index: 99!important;}
.my-Key-bottom ul:after { content: ""!important; position: absolute!important; bottom: 0!important; right: -15px!important; width: 43.2%!important; height: 1px!important; background: #41b745!important; margin: 0 auto!important; }
.my-Key-bottom ul:before { content: ""!important; position: absolute!important; right: 40%!important; bottom: 0!important; height: 26px!important; width: 1px!important; background: #41b745!important; }
.my-Key-bottom ul li { flex: 0 0 auto!important; width: 20%!important; padding: 0 10px 30px!important; margin-bottom: 25px!important; color: #1d3143!important; position: relative!important; }
.my-Key-bottom ul li:after { content: ""!important; position: absolute!important; bottom: 0!important; left: 0!important; right: 0!important; width: 1px!important; height: 100%!important; background: #41b745!important; margin: 0 auto!important; }
.my-Key-bottom ul li:before { content: ""!important; position: absolute!important; bottom: 0!important; left: 0!important; right: 0!important; width: 100%!important; height: 1px!important; background: #41b745!important; margin: 0 auto!important; }
.my-Key-bottom ul li:first-child:before { width: 0!important; }
.my-Key-bottom ul li:nth-child(2):before { width: 50%!important; left: inherit!important; }
.my-Key-bottom ul li:last-child:before { width: 50%!important; right: inherit!important; }
.my-Key-bottom ul li:first-child:after { height: 118%!important; bottom: -25px!important; }
.my-Key-bottom ul li span.circle { width: 40px!important; height: 40px!important; display: block!important; margin: 0 auto!important; border: 4px solid #5d6a8d!important; border-radius: 50%!important; background: #fff!important; position: relative!important; z-index: 2!important; }
.my-Key-bottom ul li span.content { line-height: normal!important; background: #e8ebee!important; padding: 4px 0!important; margin-top: 7px!important; }
.steps-main-wrapper.steptwo .my-Key-bottom ul li span.content { margin-top: 0!important;}
.my-Key-inner .btn-holder a.link-btn { color: #1d3143!important; }
.my-Key-inner .green-circle { position: absolute!important; right: 18%!important; bottom: 11%!important; width: 15px!important; height: 15px!important; background: #41b745!important; border-radius: 50%!important; }

.video-wrapper video { width: 100%!important; height: 240px!important; border-radius: 10px!important; border: 1px solid #a2aeba!important;/* display: block!important;*/}
.step-tab-area .steps-content-wrapper-right .request-btn { padding: 0 15px!important; position: relative!important; }
.step-tab-area .steps-content-wrapper-right .request-btn:before { content: ""!important; position: absolute!important; left: 0!important; top: 50%!important; transform: translateY(-50%)!important; width: 28%!important; height: 1px!important; background: #41b745!important; }
.step-tab-area .steps-content-wrapper-right .request-btn:after { content: ""!important; position: absolute!important; left: 20px!important; top: 9px!important; width: 15px!important; height: 15px!important; background: #41b745!important; border-radius: 50%!important; }
.step-tab-area .steps-content-wrapper-right .technical-data-btn:after { content: ""!important; position: absolute!important; left: 0!important; bottom: -27px!important; width: 50%!important; height: 1px!important; background: #41b745!important; }
.step-tab-area .steps-content-wrapper-right .technical-data-btn:before { content: ""!important; position: absolute!important; left: 0!important; right: 0!important; bottom: -27px!important; width: 1px!important; height: 100%!important; background: #41b745!important; margin: 0 auto!important; }

/*Tab 3*/
.steps-main-wrapper.other-common-tabs { padding: 40px 15px 15px 0!important; margin-left: 53px!important; }
.step-tab-area ul.nav li.nav-item button.nav-link.active:before { content: ""!important; position: absolute!important; left: 35px!important; width: 4px!important; height: 50%!important; background: #d5dae4!important; bottom: -38px!important; }
.step-tab-area ul.nav li.nav-item:first-child button.nav-link.active:before { display: none!important;}
.steps-main-wrapper.other-common-tabs:before { content: ""!important; position: absolute!important; left: 0!important; width: 25.8%!important; height: 4px!important; background: #d5dae4!important; top: 35px!important; }
.steps-main-wrapper.other-common-tabs .steps-content-wrapper-left { padding: 20px 0 0 30px!important; }
.steps-main-wrapper.other-common-tabs:after { content: ""!important; position: absolute!important; left: 0!important; top: 35px!important; width: 4px!important; height: 28%!important; background: #d5dae4!important; }
.steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:after { content: ""!important; position: absolute!important; left: 0!important; width: 45px!important; height: 4px!important; background: #d5dae4!important; top: 30%!important; }
.partners-list-three-block .partners-list-inner ul li { width: 33.33%!important; padding: 0 2rem 2rem!important; }
.partners-list-three-block .partners-list-inner ul li:last-child:before { display: none!important;}
.partners-list-three-block .partners-list-inner ul:after { height: 91%!important; bottom: 0!important;}
.partners-list-three-block .partners-list-inner ul:before { content: ""!important; position: absolute!important; bottom: 0!important;right: 0!important; width: 83.5%!important; height: 1px!important; background: #41b745!important; margin: 0 auto!important; }
.partners-list-three-block .partners-list-inner ul li:after { height: 100%!important;}
.partners-list-three-block .partners-list-inner ul li:last-child:after, .my-Key-section.my-key-section-four-block .my-Key-bottom ul::before, .my-Key-section.my-key-section-four-block .my-Key-bottom ul:after, .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:before { display: none!important;}
.my-Key-section.my-key-section-four-block { padding: 30px 0 0!important; }
.my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -77%!important; bottom: inherit!important; height: 100%!important; }
.my-Key-section.my-key-section-four-block .my-Key-bottom ul li { padding-bottom: 0!important; margin-bottom: 0!important;}
.steps-main-wrapper.other-common-tabs span.small-circle, .steps-main-wrapper.other-common-tabs span.small-circle2 { position: absolute!important; left: -4px!important; width: 12px!important; height: 12px!important; background: #566d92!important; border-radius: 50%!important; z-index: 2!important; }
.steps-main-wrapper.other-common-tabs.stepthree .steps-content-wrapper-left span.small-circle { top: 29%!important; left: 19px!important; }
.steps-main-wrapper.other-common-tabs.stepthree span.small-circle { top: 34%!important; left: 20px!important; }


/*Tab 4*/

.steps-main-wrapper.other-common-tabs.stepfour:before { width: 51.4%!important;}
.steps-main-wrapper.other-common-tabs p .link-btn { color: #1d3143!important; }
.steps-main-wrapper.other-common-tabs.stepfour:after { height: 72%!important; }
.steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-left:after { top: 76%!important; width: 30px!important; }
.steps-main-wrapper.other-common-tabs.stepfour span.small-circle { bottom: 19.8%!important; left: 11px!important; }
.steps-main-wrapper.other-common-tabs.stepfour span.small-circle2 { left: 40%!important; top: 30px!important; }
.steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 24.5%!important;}
.step-tab-area .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-right { padding: 1% 0 0 0!important; }
.step-tab-area .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-right .request-btn:after { left: 70px!important; top: 4px!important; }
.steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -93%!important;}
.steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:after {     height: 97%!important;}

/*Tab 5*/
.steps-main-wrapper.other-common-tabs.stepfive:before { width: 77%!important;}
.steps-main-wrapper.other-common-tabs.stepfive:after { height: 77%!important; }
.steps-main-wrapper.other-common-tabs.stepfive .steps-content-wrapper-left:after { width: 52px!important; top: 86%!important; } 
.steps-main-wrapper.other-common-tabs.stepfive span.small-circle { bottom: 13.5%!important; left: 15px!important; }
.steps-main-wrapper.other-common-tabs.stepfive span.small-circle2 { left: 41%!important; top: 30px!important; }
.steps-main-wrapper.other-common-tabs.stepfive .content-text { margin-top: -4.5%!important; }
.steps-main-wrapper.other-common-tabs.stepfive .content-text p { background-color: #fff!important; position: relative!important; z-index: 2!important; padding: 3px 9px!important; }
.steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul li { width: 40%!important;}
.steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul li:after , .steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul li:after { display: block!important;}
.steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -93%!important; }
.steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul:before { width: 84.4%!important; }
.steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul:after { height: 82%!important; }
.step-tab-area .steps-main-wrapper.other-common-tabs.stepfive .steps-content-wrapper-right .request-btn:after { left: 50px!important; top: 4px!important; }
.steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 25%!important;}
.steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block span.green-circle { position: absolute!important; left: 0!important; right: 0!important; top: -8px!important; width: 15px!important; height: 15px!important; }
span.green-circle { width: 15px!important; height: 15px!important; background: #41b745!important; border-radius: 50%!important;margin: 0 auto!important; }



@media (max-width: 767px) {
  .tab-content>.tab-pane {
    display: block!important;
    opacity: 1!important;
  }
}




/* ~-~-~-~-~-~-~-~-~-~ Footer adjustments ~-~-~-~-~-~-~-~-~-~ */
footer { background: #213041!important; padding:40px 15px 20px!important; }
footer .ftr-col:nth-child(3) { width: 22%!important; }
footer .ftr-col:nth-child(4) { width: 28%!important; }
footer .ftr-logo a { color:var(--white)!important; font-family: var(--helvetica-bold)!important; font-size: 20px!important; margin-bottom: 5px!important; display: inline-block!important;}
.ftr-menu ul.nav.social li { margin-right: 20px!important;}
.ftr-menu ul.nav.social li a svg { font-size: 27px!important; }
footer .ftr-col:nth-child(2) p { font-family: var(--helvetica-bold)!important; margin-bottom: 15px!important; }
footer .ftr-col:nth-child(2) p a { color: var(--white)!important;}
footer h5.ftr-title { color: var(--white)!important; font-size: 18px!important; margin-bottom: 30px!important;}
footer .ftr-menu ul { margin: 0!important; padding: 0!important; list-style: none!important;}
footer .ftr-menu li a { color: var(--white)!important; margin-bottom: 8px!important; display: block!important;}
footer p {  color: var(--white)!important; }
.newsletter p a { color: var(--white)!important; text-decoration: underline!important;}
.newsletter form { display: flex!important; background: #fff!important; border-radius: 30px!important; margin-bottom: 25px!important; }
.newsletter form input { background-color: transparent!important; font-size: 12px!important; padding: 0 15px!important; border-radius: 30px 0 0 30px!important; }
.newsletter form input:focus { box-shadow: inherit!important; outline: 0!important;}
.newsletter form button.btn { background-color: transparent!important; padding: 0 15px 0 0!important; color: #797f85!important; font-size: 16px!important; }
footer .bottom-footer { border-top: 1px solid #9f9e9e!important; margin-top: 30px!important; padding-top: 20px!important; }
footer .bottom-footer .ftr-menu ul li a { margin-left: 15px!important; }

/* Footer CSS End */




/* ~-~-~-~-~-~-~-~-~-~ Home page responsive css ~-~-~-~-~-~-~-~-~-~ */

@media only screen and ( max-width: 1199px ) {
  .main-wrapper { max-width: 900px!important; }

  .video-btm-block p.text-green { margin: 0 1rem!important;}
  .step-title-box .step-title-wrap { padding: 2px 20px 2px 15px!important; font-size: 20px!important; }

  /*Step2*/
  .my-Key-bottom ul li { padding: 0 10px 18px!important; }

}

@media only screen and ( max-width: 991px ) {
  
  body { font-size: 15px; }
  h3 { font-size: 18px;} 
  p { line-height: 1.1; }
  .btn.border, a.btn.border, .green-border-btn, a.green-border-btn {font-size: 15px;}
  
  .container { max-width: 100%!important; }
  .blue-tile {font-size: 18px!important;}
  .main-wrapper { max-width: 800px!important;}
  .main-wrapper main { padding: 0 15px!important; }
  
  .banner { padding: 3rem 0!important;}
  .banner .main-banner-txt { padding-left: 2rem!important; }
  .video-slider-wrapper .video-left-desc { padding: 15px 20px!important; margin-top: 30px!important; }
  .video-slider-wrapper .video-left-desc h3 { font-size: 20px!important; }
  .video-slider-wrapper .video-left-desc p.grey-box { padding: 0px 18px!important; }
  .video-slider-wrapper .key-icon-img img { width: 150px!important; }
  .video-btm-block .p-2 { padding: 0.5rem 0.8rem !important; }
  .video-btm-block p.text-green { font-size: 22px!important; margin: 0!important; }
  .video-btm-block .white-circle-box { width: 35px!important; height: 35px!important; line-height: 35px!important; font-size: 13px!important; margin-right: 0!important; }
  .three-block-box h3 { font-size: 16px!important; margin-bottom: 10px!important; }
  .three-block-box p { font-size: 16px!important; line-height: 1.20!important; }
  .step-title-box .step-title-icon-wrap { width: 55px!important; height: 55px!important; }
  .step-title-box .step-title-icon-wrap .step-title-icon-inner { width: 45px!important; height: 45px!important; }
  .step-title-box .step-title-wrap { padding: 2px 15px 2px 10px!important; font-size: 18px!important; }
  .stepone .steps-content-wrapper-left::before, .steptwo .steps-content-wrapper-left::before {width: 3px!important;left: 40px!important;}
  .steps-main-wrapper .step-custom-left-gap { padding-left: 25px!important; margin-left: 25px!important; }
  .circle-ball:before { left: -9px!important; width: 20px!important; height: 20px!important;}
  span.down-arrow { margin: 0px 3px!important;}
  span.down-arrow::after { border-width: 0 0 8px 8px!important; }
  .invest-ammount-box-bottom ul li p { font-size: 16px!important; }

  
  
  /*tab2*/  
  .partners-list-inner ul:after { height: 63%!important; }
  .partners-list-inner ul li span.circle, .my-Key-bottom ul li span.circle { width: 35px!important; height: 35px!important; line-height: 30px!important; font-size: 17px!important; }
  .partners-list-inner ul li span.content, .partners-list-inner ul li span.btm-btn, .my-Key-bottom ul li span.content { font-size: 14px!important; }
  .my-Key-bottom ul li { padding: 0 5px 21px!important; }
  .my-Key-bottom ul:after { width: 44%!important; }
  .step-tab-area .steps-content-wrapper-right .technical-data-btn:after, .step-tab-area .steps-content-wrapper-right .technical-data-btn:before {bottom: -38px!important;}
  .step-tab-area .steps-content-wrapper-right .technical-data-btn:before { height: 60px!important;}
  .video-wrapper video { height: 200px!important;}

  /*tab3*/
  .steps-main-wrapper.other-common-tabs { padding: 25px 10px 10px 0!important; margin-left: 42px!important; }
  .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left { padding: 15px 0 0 20px!important; }
  .steps-main-wrapper.other-common-tabs:before { top: 25px!important; }
  .step-tab-area ul.nav li.nav-item button.nav-link.active:before { height: 70%!important; left: 26px!important; bottom: -28px!important; }
  .steps-main-wrapper.other-common-tabs:after { top: 27px!important; }
  .steps-main-wrapper.other-common-tabs.stepthree span.small-circle { top: 32%!important; }
  .partners-list-three-block .partners-list-inner ul:before { width: 83.4%!important; }
  .my-Key-section.my-key-section-four-block { padding: 21px 0 0!important;}
  .steps-main-wrapper.other-common-tabs.stepthree .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 23.9%!important;}
  .partners-list-three-block .partners-list-inner ul:after { height: 85%!important;}
  .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -80%!important; }

  /*tab4*/
  .steps-main-wrapper.other-common-tabs.stepfour:before { width: 51.3%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour span.small-circle2 { top: 21px!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-left:after { top: 73%!important;}
  .steps-main-wrapper.other-common-tabs.stepfour span.small-circle { bottom: 20.5%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:before { width: 82.4%!important; }  
  .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:after { height: 90%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -96%!important; }

  /*tab5*/
  .steps-main-wrapper.other-common-tabs.stepfive:before { width: 76.6%!important; }
  .steps-main-wrapper.other-common-tabs.stepfive .steps-content-wrapper-left:after { top: 84%!important; }
  .steps-main-wrapper.other-common-tabs.stepfive span.small-circle { bottom: 14.2%!important; left: 11px!important; }
  .steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul:before { width: 83.4%!important; }
  .steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul:after { height: 77%!important; }
  .step-tab-area .steps-main-wrapper.other-common-tabs.stepfive .steps-content-wrapper-right .request-btn:after { left: 10%!important;}
  .steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -96%!important; }


  .testimonial-logos .nav.client-logos { margin-left: 0!important; margin-bottom: 20px!important; }
  .testimonial-logos .nav.client-logos li { padding: 3px 30px!important; }
  

  /*Footer*/
  footer .ftr-col:nth-child(3) { width: 25%!important; }
  footer .ftr-col:nth-child(4) { width: 100%!important; }

}

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

  h2 { font-size: 22px!important; }
  .btn.border, a.btn.border { border-radius: 7px; padding: 7px 10px;}

  .banner .main-banner-txt { max-width: 50%!important; padding-left: 0!important; }
  .video-slider-wrapper .key-icon-img { text-align: center!important; margin: 0 15px 10px!important;}
  .video-btm-block, .video-btm-block:nth-child(3) { width: 100%!important; }
  .video-slider-wrapper .video-left-desc { padding: 15px!important; border-radius: 30px!important; }
  .video-btm-block .justify-content-between { justify-content: center !important; } 
  .video-btm-block .white-circle-box { margin-left: 15px!important; }

  .three-box-wrapper h2.blue-tile { text-align: center!important; }
  .three-block-box { height: auto!important; margin-bottom: 60px!important; }
  .three-block-box:before { top: -39px!important; clip-path: polygon(50% 2%, 0 80%, 100% 80%)!important; }
  .three-box-wrapper .col-md-4:last-child .three-block-box { margin-bottom: 0!important; }
  .testimonial-logos .nav.client-logos { justify-content: center!important; }
  .testimonial-logos .nav.client-logos li { width: 33.33%!important; padding: 10px!important; }

  .block-two-video { text-align: center!important;}
  .block-two-video .video-area { height: 260px!important;}
  .block-two-video .text-end { text-align: center !important; }
  .block-two-video .link-btn { margin: 10px 0!important; display: block!important;}
  .block-two-video .btn-container .col-md-6 { display: none!important; }
  

  /*Step1*/  

   
  .steps-main-wrapper .steps-content-wrapper-right { width: 100%;}

  .steps-main-wrapper.stepone .steps-content-wrapper-right { width: 80%; }
  .steps-main-wrapper.stepone { padding: 20px 0 0; }
  .steps-content-wrapper-left::before { left: 41px; }
  .circle-ball:before { width: 15px; height: 15px; left: -5px; }
  .step-title-box .step-title-icon-wrap { width: 55px; height: 55px; }
  .step-title-box .step-title-icon-wrap .step-title-icon-inner { width: 45px; height: 45px; }
  .step-title-box .step-title-wrap { padding: 7px 15px 6px 10px; font-size: 16px; }
  .invest-ammount-box-bottom ul li { width: 45%; margin-bottom: 10px; }
  .invest-ammount-box-top .ammount { border-radius: 8px; padding: 5px; font-size: 12px; }  
  .steps-main-wrapper.stepone .btn-holder.circle-ball.mt-4.mb-4 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .steps-main-wrapper.stepone .btn-holder .d-flex { display: block !important; }
  .steps-main-wrapper.stepone .btn-holder a.green-border-btn { margin-right: 10px; margin-bottom: 10px; }
  .donutchart-list { top: 45%; transform: translateY(-70%); }

  .video-wrapper video { height: 170px; }
 
  /* Step2 */
  
  /* .steptwo .steps-content-wrapper-left::before { top: inherit!important; bottom: 0!important; height: 108%!important; } */
  /* .step-tab-area .steptwo .mobile-btn.request-btn:after {right: 56px!important;}
  .step-tab-area .steptwo .steps-content-wrapper-left { padding: 0 15px!important; }
  .stepone .steps-content-wrapper-left::before, .steptwo .steps-content-wrapper-left::before { left: 45px!important; }
  .partners-list-inner:after { width: 100%!important; }  
  .partners-list-inner ul:after { display: none!important; }
  .partners-list-inner ul li span.content { display: block!important; }
  .steptwo .steps-content-wrapper-left::before {height: 89%!important;}
  .partners-list.circle-ball::before { bottom: 53px!important; }
  .circle-ball.circle-ball-btm:before { bottom: 54px!important; }
  .steps-main-wrapper.steptwo .partners-list-inner ul li:last-child:before, .my-Key-bottom ul:after, .my-Key-inner .green-circle, .steps-main-wrapper.other-common-tabs:before, .steps-main-wrapper.other-common-tabs:after { display: none!important; }
  .steps-main-wrapper.steptwo .partners-list-inner ul li:last-child:after { height: 124%!important; }
  .my-Key-bottom ul:after { width: 36%!important; right: 15px!important; }
  .mobile-btn.request-btn:after { content: ""!important; position: absolute!important; bottom: 15px!important; right: 12.5%!important; width: 25%!important; height: 1px!important; background: #41b745!important; margin: 0 auto!important; }
  .my-Key-bottom ul:before { bottom: -30px!important; height: 56px!important; }

  .video-wrapper video { height: 45vw!important; } */

  /* Step3 */
  /* .steps-main-wrapper .d-md-block { display: none!important;}
  .steps-main-wrapper.other-common-tabs { padding: 0!important; margin-left: 0!important; }
  .steps-main-wrapper.other-common-tabs:after { height: 21%!important; top: 0!important; }
  .steps-main-wrapper.other-common-tabs.stepthree span.small-circle { top: 20.4%!important; }
  .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left { padding: 15px!important; margin: 0 0 0 40px!important; }
  .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:before { content: ""!important; position: absolute!important; left: 0!important; top: 0!important; width: 4px!important; height: 31%!important; background: #d5dae4!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 20%!important; }
  .mobile-btn.request-btn:after { bottom: 17px!important; right: 0!important; width: 45%!important;}
  .my-Key-section.my-key-section-four-block:after { position: absolute!important; top: 0!important; right: 0!important; width: 1px!important; height: 118%!important; background: #41b745!important; margin: 0 auto!important; content: ""!important; } */

  /* Step4 */
  /* .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-left .content-text.pt-4.ps-4 { padding: 10px 0 20px 10px!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-left:before, .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:before { height: 73%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour span.small-circle2 { left: -4px!important; }
  .steps-main-wrapper.other-common-tabs.stepfour span.small-circle { bottom: 25.5%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul li { width: 45%!important;} 
  .my-Key-section.my-key-section-four-block { margin-right: 0 !important; } */

  /* Step5 */
  /* .steps-main-wrapper.other-common-tabs.stepfive .steps-content-wrapper-left:after {top: 72%!important;width: 25px!important;}
  .steps-main-wrapper.other-common-tabs.stepfive span.small-circle { bottom: inherit!important; top: 25px!important; left: -4px!important;}
  .steps-main-wrapper.other-common-tabs.stepfive span.small-circle2 { left: 6px!important; top: inherit!important; bottom: 26%!important; } */

  /*step2*/
  .step-tab-area .steps-content-wrapper-left .partners-list, .step-tab-area .steps-content-wrapper-left .my-Key-section, .steps-content-wrapper-right .video-wrapper { display: none!important; }
  .partners-list-inner ul:after, .partners-list-inner ul li:after , .partners-list-inner ul li:last-child:before , .my-Key-bottom ul:before, .my-Key-bottom ul li:after, .my-Key-bottom ul li:before, .my-Key-bottom ul:after { display: none !important;}
  .step-tab-area .steps-content-wrapper-right .partners-list-inner ul li span.btm-btn { display: none!important; }
  .step-tab-area .steps-content-wrapper-right .my-Key-inner .green-circle { display: none!important;}
  .step-tab-area .steps-content-wrapper-right .my-Key-inner .btn-holder.ms-3 { margin-left: 0 !important;}
  .step-tab-area .steps-content-wrapper-left .video-wrapper .circle-ball:before { left: -30px!important; }



  .steps-main-wrapper.other-common-tabs { padding: 0!important; margin-left: 0!important; }
  .steps-content-wrapper-left::before { content: ""!important; position: absolute!important; left: 50px!important; top: 0!important; width: 3px!important; height: 98%!important; background: #a1a9bd!important; }
  .steps-main-wrapper.other-common-tabs:before, .steps-main-wrapper.other-common-tabs:after, .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:after, 
  .steps-main-wrapper.other-common-tabs.stepthree span.small-circle, .partners-list-three-block .partners-list-inner ul:before { display: none!important;}
  .my-Key-section.my-key-section-four-block { padding: 0!important; margin: 0 !important; }

  .stepfour .partners-list-three-block .partners-list-inner ul li {width: 50%!important; }   
  .steps-main-wrapper.other-common-tabs.stepfive .content-text { margin-top: 0!important; }





  /*Footer*/
  footer p { line-height: 1.4!important; }
  footer .ftr-col:nth-child(3) { width: 100%!important; }
  .top-footer .ftr-col { margin-bottom: 25px!important; }
  .ftr-menu ul.nav.social li a svg { font-size: 22px!important; }
  footer .ftr-menu li a { margin-bottom: 3px!important;}
  footer h5.ftr-title { margin-bottom: 15px!important;}
  footer .bottom-footer { margin-top: 0!important; text-align: center!important; }
  footer .bottom-footer .ftr-menu ul.nav.justify-content-end { justify-content: center !important; margin-top: 15px!important; }
  footer .bottom-footer .ftr-menu ul li a { margin: 0 8px!important; }

}
@media only screen and (max-width: 575px){
  .video-slider-wrapper .video-left-desc { margin-top: 0!important; }
  .video-slider-wrapper .main-video-box { margin: 15px 0 0!important; }
  .video-slider-wrapper .btn-container { margin-left: 0!important; margin-right: 0 !important; }

}

@media only screen and (max-width: 479px){
  h4 { font-size: 16px!important; }

  .banner .main-banner-txt { max-width: 100%!important;}
  .three-box-wrapper .btn-container .btn { margin: 0 15px!important; }
  .dragger {width: 35px!important; height: 35px!important; line-height: 30px!important; font-size: 14px!important; }
  
  /*step1*/
  
  .step-tab-area .steps-content-wrapper-right .desktop-btn { display: none;}
  .circle-ball:before { left: -4px; }

  .steps-scroll-wrapper { align-items: start !important;  overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; white-space: nowrap; flex-wrap: inherit !important; }
  .steps-scroll-wrapper>* { white-space: normal; }
  .steps-content-wrapper-left {width: 85%; padding: 0 0 0 15px !important; margin-bottom: 15px; }
  .steps-content-wrapper-right { width: 50%; padding: 15px !important; }  
  .stepone .steps-content-wrapper-left::before { height: 90%; }
  .invest-main-ammount:after { left: 0; width: 100%; }
  .invest-ammount-box-bottom ul li { width: 24%; }
  .donut-piechart h3 { position: absolute; left: 0; right: 0; top: 10px;}
  .step-tab-area { padding-bottom: 0; border: 0;}
  .step-tab-area .steps-content-wrapper-right { padding: 15px 0 20px 15px; }
  .step-tab-area .accordion-button { background-color: #e1e5ea; border-bottom: 1px solid #c0c4c8; padding: 15px; }
  .step-tab-area .accordion-button:focus { outline: 0; box-shadow: inherit; }
  .step-tab-area .tab-content>.tab-pane:first-child .accordion-button { border-top: 1px solid #c0c4c8; }
  .step-tab-area .tab-content>.tab-pane:last-child .accordion-button { border-bottom: 0; }
  .step-tab-area .accordion-body { background-color: #fff;}
  .step-title-box .step-title-icon-wrap { width: 65px; height: 65px; position: relative; z-index: 2;}
  .step-title-box .step-title-icon-wrap .step-title-icon-inner { width: 55px; height: 55px; }
  .step-title-box .step-title-wrap { padding: 8px 15px 8px 10px; line-height: 1; }
 

  /*step2 */
  /* .partners-list-inner:after, .my-Key-inner:after { opacity: 0!important;}
  .steps-main-wrapper.steptwo .steps-content-wrapper-left::before { height: 70.5%!important; }
  .steps-main-wrapper.steptwo .circle-ball.circle-ball-btm:before { bottom: 62%!important; }
  .partners-list-inner ul li { width: 50%!important; margin-bottom: 10px!important; }
  .step-tab-area .steptwo .mobile-btn.request-btn:after { display: none!important;}
  .my-Key-bottom ul li { width: 50%!important;}
  .steps-main-wrapper.steptwo .my-Key-bottom ul li { margin-bottom: 0!important;}
  .steps-main-wrapper.steptwo .my-Key-bottom ul li:first-child { width: 100%!important; margin: 0 0 10px!important; padding: 0!important; }
  .steps-main-wrapper.steptwo .my-Key-bottom ul li:first-child span.content { padding-bottom: 30px!important; position: relative!important; }
  .steps-main-wrapper.steptwo .my-Key-bottom ul li:first-child span.content:after { content: ""!important; position: absolute!important; bottom: 0!important; left: 0!important; right: 0!important; width: 1px!important; height: 50%!important; background: #41b745!important; margin: 0 auto!important;}
  .steps-main-wrapper.steptwo .my-Key-bottom ul li:first-child:after, .steps-main-wrapper.steptwo .my-Key-bottom ul li:before , .steps-main-wrapper.steptwo .my-Key-bottom ul:before { display: none!important;}
  .steps-main-wrapper.steptwo .my-Key-bottom ul li:first-child span.btm-btn a.link-btn { color: #1d3143!important; }
  .steps-main-wrapper.steptwo .my-Key-bottom .btn-holder { display: none!important; }
  .partners-list-inner span.partner-title { display: block!important; border-radius: 20px!important; padding: 5px 15px!important; } */

  /*step3 */
  /* .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:after { top: 18%!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .steps-content-wrapper-left span.small-circle { top: 17.4%!important;}
  .partners-list-three-block .partners-list-inner ul li { width: 50%!important; padding: 0 1rem 1rem!important; }
  .partners-list-three-block .partners-list-inner ul li:after { height: 216%!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 50%!important; margin-bottom: 15px!important; padding: 0 15px!important; }
  .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -93%!important; }
  .partners-list-three-block .partners-list-inner ul:before { width: 72.4%!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .my-Key-inner { padding: 15px 0!important; }
  .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -123%!important; height: 140%!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .partners-list-three-block .partners-list-inner ul:before { width: 75%!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .my-Key-section.my-key-section-four-block:after { height: 112%!important; }
  .steps-main-wrapper.other-common-tabs.stepthree .steps-content-wrapper-left:before { height: 18%!important; } */


  /*step4 */
  /* .my-Key-inner { padding: 15px 0!important;}
  .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul li { width: 50%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li, .steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 50%!important; padding: 0 1rem 20px!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul li:after { height: 110%!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -89%!important; }
  .my-Key-section.my-key-section-four-block:after {height: 112%!important;}
  .my-Key-section.my-key-section-four-block { margin-left: 0 !important; }
  .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:before, .steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul:before { width: 75%!important; } */

  
    /*step5 */
  /* .steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block .my-Key-bottom ul li, .steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul li { width: 50%!important; }
  .steps-main-wrapper.other-common-tabs.stepfive .partners-list-three-block .partners-list-inner ul li:after { height: 111%!important; }
  .steps-main-wrapper.other-common-tabs.stepfive .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: -87%!important;}
  .steps-main-wrapper.other-common-tabs.stepfive .content-text { margin-top: 0!important; margin-bottom: 15px!important; padding: 0 !important; }
  .steps-main-wrapper.other-common-tabs.stepfive .steps-content-wrapper-left:after { top: 73%!important;}
  .steps-main-wrapper.other-common-tabs.stepfive span.small-circle2 {bottom: 25.5%!important;} */

 /*Footer */
 

}


/*----------------- PUBLIC PROJECT ------------------*/

.public-project-title a.border.rounded { padding: 2px 10px; }
.rent-ready-right { border: 2px solid #c0c4c9; border-radius: 10px; padding: 10px;}
.rent-ready-right .video-slider .video-btm-block .white-circle-box { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
.rent-ready-right .video-slider .video-btm-block p.text-green { margin: 0 5px; font-size: 22px; line-height: 1; }
.rent-ready-right .video-slider .video-btm-block p.number { font-size: 30px; line-height: 1;}
.rent-range-slider .range-slider { padding: 0; margin: -30px 0 15px; }
.rent-range-slider .range-slider .rangeslide-line { height: 30px; background: #a2aeba; border-radius: 8px; position: relative; }
.rent-range-slider .range-slider .dragger { z-index: 2; display: flex; justify-content: center;font-size: 13px; }
.rent-ready-right .key-icon-img img { width: 200px !important; }
.inner-tab-area .rent-ready-right p.twok-text { position: absolute; right: 1.5rem; top: 1.5rem; font-size: 18px; }
.range-slider.range-slider-version2 { padding: 0; margin: 15px 0; }
.range-slider.range-slider-version2 .container { height: 5px; background: #41b745; }
.range-slider.range-slider-version2 .dragger { width: 20px; height: 20px; border: 0; background: #d0d5db; box-shadow: inherit; top: -9px !important; }
.inner-tab-area .rent-ready-left { margin-top: 5rem;}
.inner-tab-area .rent-ready-left a.btn.border { color: var(--grey); border-radius: 12px; }

.accordion-wrapper .accordion-item { margin-bottom: 15px!important; }
.accordion-wrapper h2.accordion-header button { background: #cbd2d9!important; border: 0!important; /*border: 1px solid #a2aeba!important;*/ position: relative!important; border-radius: 8px !important; font-size: 22px!important; color: #212f40!important; font-family: var(--helvetica-regular)!important; padding: 20px 45px 20px 25px!important; box-shadow: inherit!important; }
.accordion-wrapper h2.accordion-header button:after { content: "+"!important; background-image: none!important; font-size: 26px!important; line-height: 26px!important; width: auto!important; height: auto!important; position: absolute!important; right: 15px!important; }
.accordion-wrapper h2.accordion-header button:not(.collapsed)::after { content: ""!important; width: 15px!important; height: 2px!important; background: #212f40!important; }
.accordion-wrapper h2.accordion-header button:not(.collapsed) { border-radius: 8px 8px 0 0 !important; border: 0!important; background: #e8ebee!important;}
.accordion-wrapper .accordion-body { border-radius: 0 0 8px 8px; background: #e8ebee; /*border-left: 1px solid #a2aeba!important; border-right: 1px solid #a2aeba!important; border-bottom: 1px solid #a2aeba!important; */padding: 10px 30px 20px; }
.accordion-wrapper .accordion-item { color: var(--body-font-color)!important; }
.accordion-wrapper .accordion-item:nth-child(even) .accordion-body { background: #fff; }
.internal-features .feature-num-box { flex:0 0 auto!important; width: 70px!important; height: 70px!important; display: flex!important; align-items: center!important; justify-content: center!important; background: #fff!important; border-radius: 10px!important; margin-right: 15px!important; font-size: 25px!important; }
.internal-features .content { font-size: 20px!important; }

.accordion-wrapper .steps-main-wrapper.other-common-tabs:before, .accordion-wrapper .steps-main-wrapper.other-common-tabs:after ,
.accordion-wrapper .steps-main-wrapper.other-common-tabs span.small-circle, .accordion-wrapper .steps-main-wrapper.other-common-tabs span.small-circle2 ,
.accordion-wrapper .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:after { display: none !important;}
.accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { top: inherit!important; bottom: 0!important;}
.accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { padding-bottom: 30px!important;}
.accordion-wrapper .my-Key-inner { background: #d7dce1!important;}
.accordion-wrapper .partners-list-three-block .partners-list-inner ul:before { width: 66.8%!important; }
.accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:after { height: 85.5%!important; }
.accordion-wrapper .my-Key-section.my-key-section-four-block:after { content: ""!important; position: absolute!important; top: 0!important; right: -0.5rem!important; width: 1px!important; height: 93%!important; background: #41b745!important; margin: 0 auto!important; }
.accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:before { content: ""!important; display: block!important; right: -57px!important; width: 100%!important;left: 0!important; }
.accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:first-child:before { width: 97%!important; right: -117px!important; }
.accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block span.green-circle { position: absolute!important; left: 0!important; right: 0!important; top: -8px!important;}
/* .internal-features .icon-box { width: 45px!important; flex: 0 0 auto!important; } */
.accordion-wrapper #collapseThree .accordion-body .partners-list-inner ul li span.content, .accordion-wrapper #collapseThree .accordion-body .partners-list-inner span.partner-title{ background: #e8ebee!important; }
.accordion-wrapper #collapseThree .accordion-body .my-Key-bottom ul li span.content , .accordion-wrapper #collapseThree .accordion-body .my-Key-section .my-Key-title, 
.accordion-wrapper #collapseFour .accordion-body .my-Key-bottom ul li span.content , .accordion-wrapper #collapseFour .accordion-body .my-Key-section .my-Key-title { background: #d7dce1!important;}
.accordion-wrapper #collapseFour .accordion-body .partners-list-inner ul li span.content, .accordion-wrapper #collapseFour .accordion-body .partners-list-inner span.partner-title { background: #e8ebee!important; }

.finance-property-content .circle { flex: 0 0 auto!important; width: 30px!important; height: 30px!important; display: flex!important; align-items: center!important; justify-content: center!important; border: 3px solid #a4aeb9!important; border-radius: 50%!important; text-align: center!important; color: #213041!important; font-family: var(--font-bold)!important; background-color: #fff!important; margin-right: 10px!important;}
/*
.finance-property-content .inputbox { flex: 0 0 auto!important; width: 50%!important; }*/
.finance-property-content .inputbox label { flex: 0 0 auto!important; width: 30%!important; padding: 0 20px!important; }

.finance-property-content .inputbox input[type="text"] { flex: 0 0 auto!important; width: 70%!important; height: 45px!important; background-color: transparent!important; border: 0!important; text-align: left!important; padding: 0 20px!important; }
.finance-property-content .small-width { max-width: 80%!important; }
.reserve-box a.btn.border { padding: 13px 15px!important; }
.reserve-box input.input-area { text-align: center!important; }
.payment-option .pay-top .form-check { display: flex!important; align-items: center!important; }
.payment-option .pay-top .form-check input[type="radio"] { width: 20px!important; height: 20px!important; margin-top: 0!important; flex: 0 0 auto!important;}
.payment-option .pay-top .form-check label.form-check-label img { width: 70px!important; }
.payment-option .pay-top ul.nav.payment-options li { margin-left: 8px!important;}
.payment-option .pay-top ul.nav.payment-options li a img { width: 60px!important; border: 1px solid #ddd!important; border-radius: 5px!important; }
.air-quality .left { flex: 0 0 auto!important; width: 60%!important;}
.air-quality .right { flex: 0 0 auto!important; width: 40%!important;}
.air-quality .left img.home-icon { width: 75px!important; }
.air-quality .right img.ear-icon { width: 35px!important; }
.air-quality .rangeslide6.container { height: 4px!important; max-width: 100%!important; padding: 0!important; background: #d0d5db!important; width: 100% !important; }
.air-quality .rangeslide6 .dragger { width: 15px!important; height: 15px!important; font-size: 0!important; box-shadow: inherit!important; background: #d0d5db!important; border: 0!important; top: -5px !important; }
.air-quality .rangeslide6 .progress { background: #41b745!important; }

.project-partner-info-wrapper .donutchart-list, .project-partner-info-accordion .donutchart-list { top: 42%!important; transform: translateY(-55%)!important; }


/* ~-~-~-~-~-~-~-~-~-~ PUBLIC PROJECT responsive css ~-~-~-~-~-~-~-~-~-~ */

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

  .public-project-title { padding-bottom: 1.5rem!important; }
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:first-child:before { right: -107px!important; }
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:after { height: 83.5%!important; }
  

}
@media only screen and (max-width: 991px) {
  .finance-property-content .small-width { max-width: 90%!important; }

  .public-project-title { padding-bottom: 0!important;}
  .accordion-wrapper .accordion-body { padding: 10px 20px 20px!important;}
  .rent-wrapper-block .rent-ready-right { margin-top: 40px!important; }
  .internal-features .feature-num-box { width: 60px!important; height: 60px!important; font-size: 20px!important; }

  .accordion-wrapper .partners-list-three-block .partners-list-inner ul:before { width: 66.8% !important; }
  .accordion-wrapper .step-tab-area .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-right .request-btn:after {left: 40px!important;} 
  .accordion-wrapper .step-tab-area .steps-content-wrapper-right .request-btn:before {width: 24%!important; }
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .partners-list-three-block .partners-list-inner ul:after { height: 75.5%!important; }
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:first-child:before { right: -87px!important; }

}
@media only screen and (max-width: 767px) {
  .finance-property-content .small-width { max-width: 100%!important; }
  .public-project-title .d-flex { /*display: block !important; */padding-bottom: 0.5rem!important; }
  .public-project-title h2.me-3 { margin: 0 0 10px !important; }
  .inner-tab-area .rent-ready-left { margin-top: 1rem!important; }
  .other-amenities.p-4 { padding: 1rem !important; }
  .other-amenities .d-flex { display: block !important; }
  .reserve-box label { text-align: center!important; display: block!important; }
  .reserve-box .pay-box h2.text-grey.text-center, .reserve-box .pay-box .col-md-2.text-center { text-align: right !important; }
  .payment-option .drag-box-area.p-5 { padding: 2rem 2rem 1rem!important; }
  .payment-option .drag-box-area p br { display: none!important; }
  .payment-option .drag-box-area .drag img { width: 150px!important; }
  .payment-option .pay-top ul.nav.payment-options li a img { width: 50px!important;}

  .accordion-wrapper h2.accordion-header button { font-size: 20px!important; }
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-left:before, .accordion-wrapper .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left:before {display: none!important;}
  .accordion-wrapper .steps-main-wrapper.other-common-tabs .steps-content-wrapper-left { padding: 0 15px!important;}
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .steps-content-wrapper-left .content-text.pt-4.ps-4 { padding: 0 0 15px!important; }
  .accordion-wrapper .partners-list-three-block .partners-list-inner ul:before { width: 81.5% !important; right: -16px!important; }
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:after { height: 100%!important;}
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:nth-child(1):before, 
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:nth-child(2):before { bottom: 9px!important;}
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:nth-child(1):before, 
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:nth-child(3):before { width: 50%!important; right: 0!important; left: inherit!important;}
  .accordion-wrapper .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li:before { width: 110%!important; right: 0!important;}
  .accordion-wrapper .my-Key-section.my-key-section-four-block:after { height: 95.5%!important; display: none!important;}
  .accordion-wrapper .mobile-btn.request-btn:after { bottom: 31px!important; right: 0!important; width: 1px!important; height: 100%!important; left: 0!important; }
  .accordion-wrapper .steps-main-wrapper .video-wrapper.ps-4 { padding: 0 !important; }
  .accordion-wrapper .accordion-body { padding: 10px!important; }
  .control-budgeted-flow .bg-white.h-100 { height: auto !important; }

  .public-project-main-title .d-flex {
    display: block !important;
}

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

  .finance-property-content .reserve-box .pay-box h4 { font-size: 14px!important; }
  .finance-property-content .reserve-box .pay-box h2 { font-size: 20px!important; }
  .payment-option .drag-box-area.p-5 { padding: 1rem 1rem 0!important; }
  .internal-features .feature-num-box { width: 50px!important; height: 50px!important; font-size: 18px!important; }
  .internal-features .content { font-size: 16px!important; }
  .internal-features .mb-4 { margin-bottom: 1rem !important; }
  .building-services-row .icon-box { width: 60px!important; }

  .accordion-wrapper h2.accordion-header button { font-size: 18px!important; padding: 18px 45px 18px 18px!important; }
  .accordion-wrapper h2.accordion-header button:not(.collapsed)::after { margin-left: 10px!important; }
  .air-quality .left img.home-icon { width: 50px!important; }




}



/*----------------- PRIVATE PROJECT ------------------*/

/* .project-partner-info-wrapper .rent-range-slider { flex: 0 0 auto!important; width: 75%!important; } */
a.partners-7 { color: #213041!important; }
a.partners-7 span { padding-left: 70px!important; }
.project-name-area .table>:not(caption)>*>* { padding: 0.8rem 0!important; color: var(--body-text-color)!important; }
.project-name-area .video-btm-block .white-circle-box { position: absolute!important; right: 0!important; }

.dropdown.budget-option button.dropdown-toggle { border: 0!important; background-color: transparent!important; }
.dropdown.budget-option button.dropdown-toggle:after { display: none!important; }
.technical-legal-review img { width: 55px!important; margin-right: 15px!important; }
.technical-legal-review .left img { max-width: 50px!important;}
.step-toggle-button input[type="checkbox"] { position: relative!important; width: 57px!important; height: 26px!important; -webkit-appearance: none!important; appearance: none!important; background: #5b6c8f!important; outline: none!important; border-radius: 2rem!important; cursor: pointer!important; box-shadow: inset 0 0 5px rgb(0 0 0 / 50%)!important; }
.step-toggle-button input[type="checkbox"]::before { content: ""!important; width: 22px!important; height: 22px!important; border-radius: 50%!important; background: #fff!important; position: absolute!important; top: 2px!important; left: 2px!important; transition: 0.5s!important; }
.step-toggle-button input[type="checkbox"]:checked::before { transform: translateX(100%)!important; background: #fff!important; left: 19%!important; }
.step-toggle-button input[type="checkbox"]:checked { background: #64b554!important; }
.step-toggle-button .left { flex: 0 0 auto!important; width: 13%!important; margin-right: 10px!important; }
.step-toggle-button .right { flex: 0 0 auto!important; width: 80%!important; }
.step-toggle-button .right .range-slider { flex: 0 0 auto!important; width: 50%!important;}
.step-toggle-button .right .range-slider .dragger { display: none !important;}
.step-toggle-button .right .range-slider .progress { overflow: inherit!important;border-radius: 0!important;}
.step-toggle-button .right .range-slider .progress:after { content: ""!important; position: absolute!important; right: -6px!important; top: -5px!important; width: 6px!important; height: 20px!important; background-color: #64b554!important; border-radius: 5px!important; z-index: 2!important; }
.step-toggle-button .question-tool a { width: 40px!important; height: 40px!important; display: flex!important; align-items: center!important; justify-content: center!important; border: 1px solid #5b6c8f!important; border-radius: 50%!important; font-size: 20px!important; color: #5b6c8f!important; }
.step-toggle-button .question-tool .tooltip { display: none!important;}
.private-project-step-section .stepone .steps-content-wrapper-left::before { height: 92%!important; }

.finance-property-content .circle { width: 40px!important; height: 40px!important; display: flex!important; align-items: center!important; justify-content: center!important; border: 4px solid #a4aeb9!important; border-radius: 50%!important; background: #fff!important; font-size: 18px!important; font-family: var(--font-bold)!important; font-weight: bold!important; }

.calendar-obligations { margin-top: 40px!important;}
.calendar-obligations .title h3 { position: relative!important; top: -19px!important; }
.calendar-obligations span.green-box { width: 17px!important; height: 17px!important; display: inline-block!important; background: #64b554!important; border-radius: 2px!important; vertical-align: middle!important; margin-right: 10px!important; }
.calendar-obligations span.border-box { width: 16px!important; height: 16px!important; display: inline-block!important; border: 1px solid #5587be!important; box-shadow: 0px 0px 2px 2px #5587be!important; border-radius: 2px!important; vertical-align: middle!important; margin-right: 10px!important; }
.calendar { max-width: 300px!important; margin: 40px auto 0!important; padding: 20px!important; box-sizing: border-box!important; background: #ffffff!important; border-radius: 12px!important; box-shadow: 0px 0px 3px #dadada!important; }
.calendar .calendar-dates, .calendar .calendar-day-name { display: grid!important; grid-template-columns: repeat(7, 1fr)!important; grid-gap: 8px!important; }
.calendar .calendar-dates-day { font-family: "Manrope", sans-serif!important; font-size: 13px!important; border: 1px solid #efefef!important; padding: 4px!important; box-sizing: border-box!important; background: #f8f8f8!important; border-radius: 4px!important; color: #333!important; }
.calendar .calendar-dates-day-empty { background: none!important; border: 0!important; color: #dcdcdc!important; min-height: 28px!important; }
.calendar .calendar-day-name div { text-align: center!important; margin-bottom: 12px!important; font-size: 13px!important; font-weight: 700!important; }
.calendar .calendar-title { padding-bottom: 16px!important; text-align: center!important; font-weight: 500!important; display: flex!important; justify-content: space-between!important; border-bottom: 1px solid #ddd!important; margin-bottom: 12px!important; }
.calendar .calendar-dates-day.today-date { background: #555!important; color: #fff!important; }
.calendar #prevMonth, .calendar #nextMonth, .calendar #today { padding: 2px 6px!important; box-sizing: border-box!important; font-family: "Manrope", sans-serif!important; font-size: 20px!important; line-height: 20px!important; border: 1px solid #e0e0e0!important; border-radius: 4px!important; cursor: pointer!important; color: #333!important; }
.calendar #today { font-size: 13px!important; }
.calendar .calendar-title-text { display: flex!important; align-items: center!important; font-size: 14px!important; font-weight: 700!important; color: var(--text-green)!important; font-family: var(--font-bold)!important; }
.calendar .calendar-button-group { display: flex!important; align-items: center!important; gap: 8px!important; }

.income-process .process-block { width: 46%!important; }
.income-process .middle-box { width: 8%!important; }
.income-process table { margin-bottom: 0!important;}
.process-block table tr td { padding: 0.6rem 1rem!important; height: 45px!important; border-bottom: 1px solid #213041!important; }
.income-process .middle-box .middle-box-paichart { margin-top: 61px!important; }
.income-process .middle-box .middle-box-paichart .pai-area-div { padding: 0 1px 0!important; height: 45px!important; vertical-align: bottom!important; border-bottom: 1px solid #213041!important; }
.income-process table tr:last-child td { padding-bottom: 2rem!important; }
.semesters-slider-wrapper .semesters-text { padding: 2rem 1rem 1.5rem!important; margin-top: -7px!important; border-radius:0 0 0.5rem 0.5rem!important; }
.income-process .middle-box .middle-box-paichart .pai-area-div:last-child { border-bottom: 0!important;}
.semesters-slider button.slick-prev { left: 40%!important; top: inherit!important; bottom: -43px!important; border: solid #7b8295!important; border-width: 0 1px 1px 0!important; display: inline-block!important; padding: 3px!important; font-size: 0!important; transform: rotate(135deg)!important; -webkit-transform: rotate(135deg)!important; width: 12px!important; height: 12px!important; }
.semesters-slider button.slick-next { right: 40%!important; top: inherit!important; bottom: -43px!important; border: solid #7b8295!important; border-width: 0 1px 1px 0!important; display: inline-block!important; padding: 3px!important; font-size: 0!important; transform: rotate(-45deg)!important; -webkit-transform: rotate(-45deg)!important; width: 12px!important; height: 12px!important; }
.semesters-slider button.slick-arrow:before { display: none!important; }


/* .rang { text-align: center!important; }
.rang-title { display: inline-block!important; width: 200px!important; }
.rang-number { width: 100%!important; margin-top: 40px!important; text-align: center!important; border-width: 0!important; font-size: 50px!important; font-weight: 900!important; background-color: #fff!important; color: #0093d7!important; }
.rang-slider[type=range] { width: 100%!important; margin-top: 40px!important; -webkit-appearance: none!important; }
.rang-slider[type=range]:focus { outline: none!important; }
.rang-slider[type=range]::-webkit-slider-runnable-track { width: 100%!important; height: 20px!important; border-radius: 25px!important; background: #0093d7!important; cursor: pointer!important; }
.rang-slider[type=range]::-webkit-slider-thumb { width: 50px!important; height: 20px!important; margin-top: 0!important; border-radius: 25px!important; background: #ffc815!important; -webkit-appearance: none!important; cursor: pointer!important; }
.rang-slider[type=range]:focus::-webkit-slider-runnable-track { background: #a3cd3b!important; }
.meter { display: block!important; width: 273px!important; height: 155px!important; margin: 0 auto!important; }
.meter-left { transform: skewX(-2deg) skewY(1deg)!important; stroke-width: 20!important; stroke-dashoffset: 253!important; stroke-dasharray: 120 400!important; stroke: #ffc815!important; fill: none!important; }
.meter-center { stroke-width: 20!important; stroke-dashoffset: 128!important; stroke-dasharray: 120 400!important; stroke: #a3cd3b!important; fill: none!important; }
.meter-right { transform: skewX(2deg) skewY(1deg)!important; stroke-width: 20!important; stroke-dashoffset: 5!important; stroke-dasharray: 120 400!important; stroke: #0093d7!important; fill: none!important; }
.meter-clock { transform: rotate(-54deg)!important; transform-origin: 137px 146px!important; fill: black!important; }
.meter-circle { fill: black!important; } */

/* ~-~-~-~-~-~-~-~-~-~ PRIVATE PROJECT responsive css ~-~-~-~-~-~-~-~-~-~ */

@media only screen and (max-width: 991px) {
  .project-name-area .video-btm-block .white-circle-box { margin-right: 10px!important;}
  .technical-legal-review img { width: 45px!important; }
  a.partners-7 span { padding-left: 60px!important; }
  .technical-legal-review .btn-container { text-align: center!important; }
  .semesters-slider button.slick-prev { left: 35%!important; bottom: -39px!important;}
  .semesters-slider button.slick-next { right: 35%!important; bottom: -39px!important; }

  .step-toggle-button .d-flex { display: block !important; margin-bottom: 15px!important; }
  .step-toggle-button .right.d-flex { display: flex !important; justify-content: space-between!important; }
  .step-toggle-button .right .range-slider { width: 80%!important;}
  
}

@media only screen and (max-width: 767px) {
  .public-project-title a.border.rounded { padding: 4px 10px!important; }
  a.partners-7 {padding: 4px 10px!important;}
  a.partners-7 span { padding-left: 5px!important; }
  .public-project-title p { margin-bottom: 10px !important; }
  .rent-ready-right .rent-range-slider { margin-bottom: 15px!important; }
  .project-name-area .left.pe-5 { padding-right: 0 !important; }
  .project-name-area .video-btm-block { margin-top: 10px!important; }
  .payment-plan .inputbox { margin-bottom: 0.8rem!important; }
  .technical-legal-review .bg-white { margin-bottom: 0.8rem!important;}
  .calendar-obligations p { padding-left: 20px!important; }
  .calendar { max-width: 100%!important; margin: 10px auto 0!important; }
  .income-process .process-block, .income-process .middle-box { width: 100%!important; } 
  .income-process .middle-box .middle-box-paichart { margin-top: 0!important; margin-bottom: 0!important; display: flex!important; justify-content: space-between!important; background-color: #fff!important; }
  .income-process .middle-box .middle-box-paichart .pai-area-div { padding: 0 8px!important; border-bottom: 0!important; }
  .semesters-slider button.slick-prev {left: 20px!important;}
  .semesters-slider button.slick-next {right: 20px!important;}
  .income-process .middle-box .middle-box-paichart .left { flex: 0 0 auto!important; width: 20%!important; padding: 20px 0 0 20px!important; }
  .income-process .middle-box .middle-box-paichart .right { flex: 0 0 auto!important; width: 20%!important; padding: 20px 20px 0 0!important; }
  .income-process .middle-box .middle-box-paichart p { margin: 0!important; }

  .accordion-wrapper .steps-content-wrapper-left { padding: 0!important;}
  .accordion-wrapper .stepone .steps-content-wrapper-left::before { left: 41px!important; height: 93%!important; }
  .accordion-wrapper .stepone .steps-content-wrapper-left .step-toggle-button .d-flex { display: block !important;}
  .accordion-wrapper .stepone .steps-content-wrapper-left .step-toggle-button .left { width: 100%!important; margin: 0 0 15px!important; }
  .accordion-wrapper .stepone .steps-content-wrapper-left .step-toggle-button .right { width: 100%!important; }
  .accordion-wrapper .stepone .steps-content-wrapper-left .step-toggle-button .right .range-slider { width: 100%!important; margin-bottom: 20px !important; }
  .accordion-wrapper .stepone .steps-content-wrapper-left .step-toggle-button .right .question-tool.ms-3 { margin: 0 0 15px !important; }
  .invest-ammount-box-top ul.nav.justify-content-center > li { width: 50%!important; }
  .payment-option .pay-top .form-check label.form-check-label img { width: 50px!important; }
  .payment-option .pay-top .form-check input[type="radio"] { width: 18px!important; height: 18px!important;}
  .payment-option .pay-top ul.nav.payment-options li a img { width: 36px!important; }
  .project-partner-info-wrapper .donutchart-list, .project-partner-info-accordion .donutchart-list { top: 54%!important;}
  .step-toggle-button .question-tool a { width: 30px!important; height: 30px!important;}
  

  .accordion-wrapper #collapseThree .steps-content-wrapper-left, .accordion-wrapper #collapseFour .steps-content-wrapper-left { padding: 0 !important; }
  .accordion-wrapper #collapseThree .step-custom-left-gap, .accordion-wrapper #collapseFour .step-custom-left-gap { padding: 0!important; margin: 0!important; }
  .accordion-wrapper #collapseThree .circle-ball:before, .accordion-wrapper #collapseFour .circle-ball:before { display: none!important; }
  .accordion-wrapper #collapseThree .content-text.step-custom-left-gap , .accordion-wrapper #collapseFour .content-text.step-custom-left-gap { margin-top: 0 !important; }

  .income-process .middle-box .middle-box-paichart .pai-area-div { height: 120px!important; }
  .steps-main-wrapper.other-common-tabs.stepfour .my-Key-section.my-key-section-four-block .my-Key-bottom ul li { width: 50%!important; }
  
}


/*Property List*/
.property-options .select { position: relative!important; margin-bottom: 15px!important;  }
.property-options .select .selectBtn { padding: 10px!important; box-sizing: border-box!important; border-radius: 3px!important; width: 100%!important; cursor: pointer!important; position: relative!important; -webkit-user-select: none!important; -moz-user-select: none!important; -ms-user-select: none!important; user-select: none!important; background: #fff!important; border: 1px solid #a4aeb8!important;}
.property-options .select .selectBtn:after { content: ""!important; position: absolute!important; top: 50%!important; right: 15px!important; width: 10px!important; height: 10px!important; -webkit-transform: translateY(-50%)!important; transform: translateY(-50%)!important; transition: 0.2s ease!important; border-top: 8px solid transparent!important; border-bottom: 8px solid transparent!important; border-left: 11px solid #7b8295!important; }
.property-options .select .selectBtn.toggle { border-radius: 3px 3px 0 0!important; }
.property-options .select .selectBtn.toggle:after { -webkit-transform: translateY(-50%) rotate(-135deg)!important; transform: translateY(-50%) rotate(-135deg)!important; }
.property-options .select .selectDropdown { position: absolute!important; top: 100%!important; width: 100%!important; border-radius: 0 0 3px 3px!important; overflow: hidden!important; background: var(--bg1)!important; border-top: 1px solid #eee!important; z-index: 1!important; background: #fff!important; -webkit-transform: scale(1, 0)!important; transform: scale(1, 0)!important; -webkit-transform-origin: top center!important; transform-origin: top center!important; visibility: hidden!important; transition: 0.2s ease!important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)!important; }
.property-options .select .selectDropdown .option { padding: 10px!important; box-sizing: border-box!important; cursor: pointer!important; }
.property-options .select .selectDropdown .option:hover { background: #f8f8f8!important; }
.property-options .select .selectDropdown.toggle { visibility: visible!important; -webkit-transform: scale(1, 1)!important; transform: scale(1, 1)!important; }


.property-list .rangeslide.container:before { display: none!important;}
.property-list .rangeslide.container:after { display: none!important;}
.property-list .rangeslide.container { border-radius: 30px!important; background: linear-gradient(270deg, #5b6c8f 0%, #5b6c8f 0%, #a4aeb9 100%)!important;}
.property-list .rangeslide.container .dragger { width: 20px!important; height: 20px!important; font-size: 0!important; border: 1px solid var(--blue)!important; }
.property-list .range-slider .progress { background-color: #5b6c8f!important;}
.property-list .box-container { border-radius: 1rem!important;}
.property-list .box-container ul.nav.tags li a { border: 1px solid #a4aeb8!important; border-radius: 1rem!important; padding: 3px 12px!important; display: inline-block!important; line-height: normal!important; margin-right: 8px!important; }
.property-list .box-container .content table tr td { padding: 4px 0!important; }

.property-list .box-container .img-box { height: 230px!important; overflow: hidden!important; border-radius: 1rem 1rem 0 0!important;}
.property-list .box-container .img-box img { height: 100%!important; object-fit: cover!important; width: 100%!important; }

@media only screen and (max-width: 767px) {
  .property-list .box-container .img-box { height: 65vw!important;}
  .property-list .box-container { margin-bottom: 20px!important; }


  .accordion-wrapper #collapseFour .accordion-body .partners-list-inner ul li span.content, .accordion-wrapper #collapseFour .accordion-body .partners-list-inner span.partner-title {
    background: transparent!important;
}



}
/*Question*/

/* .question-wrapper .nav { flex: 0 0 auto!important; width: 25%!important; padding-right: 15px!important; padding-left: 30px!important; }
.question-wrapper .tab-content { flex: 0 0 auto!important; width: 75%!important; padding-left: 15px!important; } */
.question-wrapper .title-box { margin-bottom: 2rem!important; width: 135px!important;}
.question-wrapper .title-box .circlebox { width: 100px!important; height: 100px!important; margin: 0 auto 0 0!important; background: #fff!important; border-radius: 50%!important; overflow: hidden!important; border: 8px solid #5b6c8f!important; /*padding: 11px!important;*/ display: flex!important; align-items: center!important; justify-content: center!important; }
/* .question-wrapper .title-box .circlebox img { filter: brightness(0) invert(1)!important;} */
.question-wrapper .title-box h3 { color: var(--blue)!important; margin-top: 10px!important; }
.question-wrapper .nav button { text-align: left!important; margin: 0 2rem 0 0!important; padding: 10px 25px 10px 0!important; color: var(--grey)!important; position: relative!important; }
.question-wrapper .nav button.active { background: transparent!important; color: var(--grey)!important; }
.question-wrapper .nav button.active:after { content: ""!important; position: absolute!important; left: 0!important; bottom: 0!important; width: 100px!important; box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5)!important; }
.question-wrapper .tab-content .tab-pane .answer-wrap { background-color: #e8ebee!important; padding: 20px 15px 35px!important; border-radius: 0.5rem!important; margin-bottom: 10px!important; }
.question-wrapper .tab-content .tab-pane .answer-wrap:nth-child(even) { background-color: transparent!important; border: 1px solid #a4aeb8!important;}
.question-wrapper .accordion-body { padding: 0!important; }
.question-wrapper .tab-content .tab-pane .answer-wrap p:last-child { margin-bottom: 0!important; }
/* .edit-option { position: absolute!important; right: 15px!important; top: 15px!important; } */
.edit-option a { text-decoration: underline!important;}
/* .question-wrapper .tab-content .tab-pane .answer-wrap .left-content { padding-right: 60px!important; } */
.my-projects-area .table>:not(caption)>*>* { color: var(--body-text-color)!important;}
.my-documents .icon {
  width: 90px!important;
  height: 90px!important;
  padding: 5px!important;
  border: 1px solid #a4aeb8!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  border-radius: 10px!important;
}



@media only screen and (max-width: 991px) {
  .question-wrapper .nav { width: 35%!important;}
  /* .question-wrapper .tab-content { width: 100%!important; } */
  .question-wrapper .video-wrapper video { height: 40vw!important; }
  .course-wrapper .title-box { text-align: center!important; }
  .question-wrapper .title-box .circlebox { margin: 0 auto!important;}

}
@media only screen and (max-width: 767px) {
  .question-wrapper.common-border.p-3 { border: 0!important; padding-left: 0 !important; padding-right: 0 !important; }
  .question-wrapper .d-flex { display: block !important; }
  .question-wrapper .nav, .question-wrapper .tab-content { width: 100%!important; }
  .question-wrapper .tab-content .accordion-body { padding: 0 0 1rem!important; }
  .question-wrapper .video-wrapper video { height: 50vw!important; }
  .question-wrapper .tab-content .tab-pane .answer-wrap { padding: 20px!important; }
  

}


/* Login Modal*/

.modal-design .modal-content { background-color: #e7eaed!important; border: 0!important; }
.modal-design .modal-content .modal-header { border: 0!important; padding: 30px 40px 20px!important; }
.modal-design .modal-content .modal-header h1 { font-size: 22px!important; color: var(--blue)!important; }
.modal-design .modal-content .modal-body { padding: 10px 40px 50px!important; }
.modal-design .modal-content .modal-body label { color: var(--grey)!important; margin-bottom: 3px!important; }
.modal-design .modal-content .modal-body a.forgot-password { text-decoration: underline!important; font-family: var(--font-bold)!important; }
.modal-design .modal-content .modal-body input[type="email"], .modal-design .modal-content .modal-body input[type="password"] { border: 1px solid #a4aeb8!important; border-radius: 10px!important; height: 40px!important; }
.modal-design .modal-content .modal-body button.btn { width: 100%!important; background-color: transparent!important; color: var(--text-green)!important; border: 1px solid var(--text-green)!important; border-radius: 15px!important; padding: 10px!important; font-size: 18px!important; font-family: var(--font-bold)!important; }
.modal-design .modal-content .modal-body .register p { text-align: center!important; margin: 30px 0 0!important; color: var(--blue)!important; }
.modal-design .modal-content .modal-body .register p a, #msform p a { text-decoration: underline!important; font-family: var(--font-bold)!important; color: var(--blue)!important;}


@media only screen and (max-width: 479px){
  .modal-design .modal-content .modal-header {padding: 20px 20px 20px!important; }
  .modal-design .modal-content .modal-body { padding: 0 20px 30px!important; }

}




/* Register Modal*/

/*form styles*/
#msform { position: relative!important; margin-top: 0!important; }
#msform .desk { max-width: 80%!important; margin-top: -3.3rem!important; margin-bottom: 40px!important; }

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) { display: none!important; }
#msform ul.my-object li { padding: 0 10px 10px 0!important; }
#msform ul.my-object li .form-check { padding: 0!important; margin: 0!important; position: relative!important; }
#msform ul.my-object li .form-check label { margin: 0!important; border: 1px solid #a4aeb8!important; display: inline-block!important; background: #fff!important; border-radius: 13px!important; padding: 2px 15px!important; }
#msform ul.my-object li .form-check input { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; width: 100%!important; margin: 0!important; background: transparent!important; border: 0!important; height: 100%!important; cursor: pointer!important; }
#msform ul.my-object li .form-check input:checked + label { background-color: var(--grey)!important; color: var(--white)!important; border: 1px solid var(--grey)!important; }

#msform input[type="text"], #msform input[type="email"], #msform input[type="tel"] , #msform input[type="password"] { width: 100%!important; border: 1px solid #a4aeb8!important; display: inline-block!important; background: #fff!important; border-radius: 5px!important; padding: 5px 15px!important; height: 40px!important; text-align: center!important; }
#msform .disclaimer p { font-size: 14px!important; }
#msform .disclaimer p a { font-family: var(--font-normal)!important;}
/*buttons*/
#msform .action-button { background: var(--blue)!important; color: white!important; border: 0 none!important; border-radius: 15px!important; cursor: pointer!important; padding: 4px 25px!important; }

#msform .action-button-previous { background: var(--blue)!important; color: white!important; border: 0 none!important; border-radius: 15px!important; cursor: pointer!important; padding: 4px 25px!important;  }
#msform .action-button-previous:hover, #msform .action-button-previous:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1!important; }
#msform label.form-check-label[for="trems-conditions"] { font-family: var(--font-bold)!important; color: var(--blue)!important; }

/*headings*/
.fs-title { font-size: 18px!important; text-transform: uppercase!important; color: #2C3E50!important; margin-bottom: 10px!important; letter-spacing: 2px!important; font-weight: bold!important; }
.fs-subtitle { font-weight: normal!important; font-size: 13px!important; color: #666!important; margin-bottom: 20px!important; }

/*progressbar*/
#progressbar { margin-bottom: 30px!important; overflow: hidden!important; /*CSS counters to number the steps*/ counter-reset: step!important; display: flex!important; justify-content: end!important; }
#progressbar li { list-style-type: none!important; color: var(--blue)!important; position: relative!important; }
/*progressbar connectors*/
#progressbar li.active:after { content: "/"!important; margin: 0 4px 0 2px!important; }
#progressbar li:last-child:after { display: none!important;} 
/* Not relevant to this form */
.dme_link { margin-top: 30px!important; text-align: center!important; }
.dme_link a { background: #FFF!important; font-weight: bold!important; color: #ee0979!important; border: 0 none!important; border-radius: 25px!important; cursor: pointer!important; padding: 5px 25px!important; font-size: 12px!important; }
.dme_link a:hover, .dme_link a:focus { background: #C5C5F1!important; text-decoration: none!important; }




.course-wrapper .title-box { width: auto!important; margin-bottom: 0!important; }
/* .course-wrapper.question-wrapper .nav { padding-left: 15px!important;} */
.course-wrapper .nav button { display: flex!important; align-items: center!important; padding: 0!important; margin-bottom: 10px!important; margin-right: 0!important; }
.course-wrapper .nav button p, .course-wrapper .accordion-header .accordion-button p { color: var(--grey)!important; font-size: 18px!important; margin: 0!important; position: relative!important; flex: 0 0 auto!important;/*width: 50%!important;*/}
.course-wrapper .nav button p:after { opacity: 0!important; content: ""!important; position: absolute!important; left: -1px!important; bottom: -6px!important; width: 100%!important; height: 100%!important; background-image: url(../images/shadow-img.png)!important; background-position: bottom!important; background-size: contain!important; background-repeat: no-repeat!important; z-index: -1!important;}
.course-wrapper .nav button p span { background-color: #fff!important;}
.course-wrapper .nav button > span , .course-wrapper .accordion-header .accordion-button > span { width: 55px!important; height: 55px!important; border:2px solid #566c92!important; border-radius: 50%!important; margin-right: 10px!important; flex: 0 0 auto!important; }
.course-wrapper .nav button.active > span { background: rgb(164 174 185 / 42%)!important;}
.course-wrapper.question-wrapper .nav button.active:after { display: none!important;}
.course-wrapper.question-wrapper .nav button.active p:after { opacity: 1!important;}
.course-tab-right .video-wrapper h3 { background-color: #7b8295!important; padding: 15px 20px!important; margin-bottom: 0!important; border-radius: 0 0 10px 10px!important; margin-top: -20px!important; position: relative!important; z-index: 2!important; }
.course-tab-right .video-wrapper h3 a { color: var(--white)!important; text-decoration: underline!important; }
.course-wrapper .accordion-header { font-family: var(--font-normal)!important; }
.course-wrapper .accordion-item:last-child .accordion-header { border-bottom: 0!important;}
.course-wrapper .accordion-header .accordion-button { padding: 1rem 0!important; background-color: transparent!important; border: 0!important; box-shadow: inherit!important; border-bottom: 1px solid #a4aeb8!important;}
.course-tab-right a.link-btn { position: absolute!important; bottom: 50px!important; right: 20px!important; }
.course-wrapper.indivisual-course-wrapper .accordion-header .accordion-button { padding: 0.5rem 0!important; border-bottom: 0!important; }



@media only screen and (max-width: 991px){
  .question-wrapper .tab-content>.tab-pane {
    display: block!important;
    opacity: 1!important;
  }
}
@media only screen and (max-width: 767px){
  .desktop-visible { display: none!important;}
  .question-wrapper .tab-content > h2.text-blue.mt-3 { display: none!important; }
  .course-tab-right .bg-light { background-color: transparent !important; padding: 0 0 15px !important; }
  .course-tab-right a.link-btn { bottom: 15px!important; right: 15px!important;}
  .course-tab-right .simulation-title .bottom { background-color: #e8ebee!important; padding: 15px 15px 50px!important; border-radius: 5px!important; position: relative!important; }
  .profile-my-key .col-md-6.text-end { text-align: left !important; }

}