/*All-Font-include-here*/
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Bold.eot');
  src: url('../fonts/ClashDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ClashDisplay-Bold.woff2') format('woff2'), url('../fonts/ClashDisplay-Bold.woff') format('woff'), url('../fonts/ClashDisplay-Bold.ttf') format('truetype'), url('../fonts/ClashDisplay-Bold.svg#ClashDisplay-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Regular.eot');
  src: url('../fonts/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ClashDisplay-Regular.woff2') format('woff2'), url('../fonts/ClashDisplay-Regular.woff') format('woff'), url('../fonts/ClashDisplay-Regular.ttf') format('truetype'), url('../fonts/ClashDisplay-Regular.svg#ClashDisplay-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Medium.eot');
  src: url('../fonts/ClashDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/ClashDisplay-Medium.woff2') format('woff2'), url('../fonts/ClashDisplay-Medium.woff') format('woff'), url('../fonts/ClashDisplay-Medium.ttf') format('truetype'), url('../fonts/ClashDisplay-Medium.svg#ClashDisplay-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Extralight.eot');
  src: url('../fonts/ClashDisplay-Extralight.eot?#iefix') format('embedded-opentype'), url('../fonts/ClashDisplay-Extralight.woff2') format('woff2'), url('../fonts/ClashDisplay-Extralight.woff') format('woff'), url('../fonts/ClashDisplay-Extralight.ttf') format('truetype'), url('../fonts/ClashDisplay-Extralight.svg#ClashDisplay-Extralight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Light.eot');
  src: url('../fonts/ClashDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ClashDisplay-Light.woff2') format('woff2'), url('../fonts/ClashDisplay-Light.woff') format('woff'), url('../fonts/ClashDisplay-Light.ttf') format('truetype'), url('../fonts/ClashDisplay-Light.svg#ClashDisplay-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Semibold.eot');
  src: url('../fonts/ClashDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ClashDisplay-Semibold.woff2') format('woff2'), url('../fonts/ClashDisplay-Semibold.woff') format('woff'), url('../fonts/ClashDisplay-Semibold.ttf') format('truetype'), url('../fonts/ClashDisplay-Semibold.svg#ClashDisplay-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

body {
  padding: 0;
  margin: 0;
  max-width: 100%;
  overflow-X: hidden;
  font-family: 'Clash Display';
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

body.bg {
  background-color: #0f1216 !important;
  background-repeat: repeat-y !important;
  background-size: 100% auto !important;
  background-position: top center !important;
}

a {
  outline: none !important;
  text-decoration: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  color: #fff
}

a:hover,
a:focus {
  outline: none !important;
  text-decoration: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  color: #fff
}

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  margin: 0px auto;
  max-height: auto;
  width: auto;
}

ul,
li,
p {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 1.8;
}

strong,
b {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  outline: none !important;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  line-height: normal;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-family: 'Clash Display';
}

input,
select,
textarea,
button,
input:hover,
select:hover,
textarea:hover,
button:hover,
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
  box-shadow: none;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  font-family: 'Clash Display';
}

.container {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto;
  padding: 0px 15px
}

.no-padding {
  padding: 110px 0
}

.bg {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important
}

header {
  position: relative;
  left: 0px;
  width: 100%;
  right: 0px;
  top: 0px;
  z-index: 9999;
}

.header-info {
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  padding: 40px 0px 60px 0px;
}

.home-header-info {
  position: relative;
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 40px 0px 60px 0px;
}

.header-info .logo {
  width: auto;
  float: left;
  z-index: 1;
  padding: 0px;
}

.nav-menu-content {
  display: inline-block;
  vertical-align: middle
}

.nav-menu-content nav {
  width: 100%;
  padding: 0px
}

.nav-menu-content .sm-clean {
  float: right;
  width: 100%;
  text-align: right
}

.nav-menu-content .sm-clean li {
  margin: 0px 20px
}

.nav-menu-content .sm-clean li:first-child {
  margin-left: 0px
}

.nav-menu-content .sm-clean li:last-child {
  margin-right: 0px
}

.nav-menu-content .sm-clean ul li {
  margin: 0px;
}

.nav-menu-content .sm-clean li a {
  color: #ffffff;
  font-size: 18px;
  padding: 10px 0px;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  font-family: 'Clash Display';
}

.nav-menu-content .sm-clean li a:hover,
.nav-menu-content .sm-clean li a:focus,
.nav-menu-content .sm-clean li a.highlighted,
.nav-menu-content .sm-clean li.current-menu-item a {
  color: #FF5911;
  /* font-weight: 600; */
}

.nav-menu-content .sm-clean ul li a,
.nav-menu-content .sm-clean li.current-menu-item ul li a {
  padding: 0px 0px;
  color: #000;
  font-size: 17px;
  font-weight: normal;
  text-transform: none;
  position: relative;
  line-height: normal;
  border-radius: 0px !important;
  border-top: 1px solid #e7e7e7;
}

.nav-menu-content .sm-clean ul li {
  border-bottom: none;
  padding: 12px 0px;
}

.nav-menu-content .sm-clean ul li a {
  padding: 0px 30px !important;
}

.sm-clean ul li a.has-submenu::after {
  right: 30px !important;
}

.nav-menu-content .sm-clean ul li:last-child {
  border-bottom: none;
}

.nav-menu-content .sm-clean ul li a:hover,
.nav-menu-content .sm-clean ul li a:focus,
.nav-menu-content .sm-clean ul li a.highlighted,
.nav-menu-content .sm-clean ul li.current-menu-item a,
.nav-menu-content .sm-clean ul li.current-menu-ancestor a {
  color: #FF5911;
}

.nav-menu-content .sm-clean ul li ul li a,
.nav-menu-content .sm-clean ul li.current-menu-item ul li a {
  color: #000;
}

.nav-menu-content .sm-clean ul li ul li a:hover,
.nav-menu-content .sm-clean ul li ul li a:focus,
.nav-menu-content .sm-clean ul li ul li a.highlighted,
.nav-menu-content .sm-clean ul li ul li.current-menu-item a,
.nav-menu-content .sm-clean ul li ul li a.disabled,
.nav-menu-content .sm-clean ul li ul li.current-menu-ancestor a {
  color: #FF5911;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
  color: #FF5911;
}

.defualt-content-info h2,
h2 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.defualt-content-info h3,
h3 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
}

.defualt-content-info h4,
h4 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.defualt-content-info h5,
h5 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.defualt-content-info h6,
h6 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 20px;
  font-family: 'Clash Display';
  text-transform: uppercase;
}

.defualt-content-info img {
  margin-bottom: 40px;
}

.defualt-content-info p,
p {
  font-size: 18px;
  line-height: 1.9;
  color: #fff;
  margin-bottom: 35px;
  font-weight: 500;
}

.defualt-content-info p b {
  font-weight: bold;
}

.defualt-content-info p .logo {
  width: 35px;
  margin-bottom: 0px !important;
  vertical-align: top;
  margin: 0px 8px;
}

.defualt-content-info p a,
p a {
  color: #FF5911;
  font-weight: bold;
}

.defualt-content-info p a:hover,
.defualt-content-info p a:focus,
p a:hover,
p a:focus {
  color: #fff;
}

.defualt-content-info ul,
.defualt-content-info ol {
  margin-bottom: 35px;
}

.defualt-content-info ul li,
.defualt-content-info ol li {
  font-size: 18px;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 12px;
  padding-left: 17px;
  position: relative;
}

.defualt-content-info ul li a,
.defualt-content-info ol li a {
  color: #FF5911;
  font-weight: bold;
}

.defualt-content-info ul li a:hover,
.defualt-content-info ul li a:focus,
.defualt-content-info ol li a:hover,
.defualt-content-info ol li a:focus {
  color: #fff;
}

.defualt-content-info ul li:before {
  content: "";
  position: absolute;
  background: #FF5911;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0px;
  top: 13px;
  border-radius: 24px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.defualt-content-info ol {
  padding-left: 0px;
}

.defualt-content-info ol>li::before {
  counter-increment: my;
  content: counter(my);
  position: absolute;
  left: 0px;
  top: 7px;
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 19px;
  font-size: 11px;
  background: #FF5911;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 15px;
}

.defualt-content-info ol {
  list-style: none;
  counter-reset: my;
}

.defualt-content-info ol ul {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.defualt-content-info ol>li {
  position: relative;
  margin-bottom: 18px;
  padding-left: 30px;
  counter-increment: section;
}

.deskop-block {
  display: block !important;
}

.mobile-block {
  display: none !important;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #000;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #FF5911;
  border-top: 6px solid #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.coman-main-title {
  text-align: center;
  position: relative;
  width: 100%;
  background: #000;
  border: 1px solid #fff;
  margin-bottom: 60px;
}

.coman-main-title:after {
  position: absolute;
  left: -9px;
  top: 9px;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

.coman-main-title h1 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  font-size: 120px;
  padding: 20px;
  line-height: 1;
}

.coman-main-title h1 small {
  font-size: 100%;
}

.coman-main-title h1 small:hover,
.coman-main-title h1 small:focus {
  color: #FF5911;
  cursor: default;
}

.about-us-sec {
  padding-bottom: 100px;
}

.meet-the-team {
  padding-bottom: 100px;
}

.meet-the-team h2 {
  font-size: 62px;
  text-transform: none;
  font-weight: 400;
  /* margin: 0 0 0; */
  
}
.meet-the-team h4:hover{
  color: #FF5911;
  transition: all ease-in 0.5s;
}
.team-member {
  padding: 60px;
  color: #fff;
}

.team-member h4,
p {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.border-right {
  border-right: 4px solid #FF5911;
}

.borders-top {
  border-top: 4px solid #FF5911;
}



footer {
  padding: 35px 0px;
  text-align: center;
}

.social-block {
  margin-bottom: 30px;
}

.social-block p {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
}

.social-block a {
  font-size: 20px;
  color: #fff;
  margin-left: 30px;
  vertical-align: middle;
}

.social-block a:hover,
.social-block a:focus {
  color: #FF5911;
}

.copyright-block p {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
}

.copyright-block {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  padding: 25px 0px;
}

.home-benner-sec {
  position: fixed;
  overflow: hidden;
  height: 75%;
  width: 100%;
}

.home-info {
  text-align: center;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: auto;
  left: 0px;
  right: 0px;
  animation: zoomIn;
  animation-duration: 2s;
}

.home-info p {

  font-size: 25px;
  line-height: 1.9;
  color: #fff;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.home-info figure {
  /* background: #000000; */
  width: 400px;
  height: 400px;
  text-align: center;
  margin: auto;
  line-height: 400px;
  margin-bottom: 20px;
}

.home-info figure video {
  width: 400px;
  height: 400px;
}

.enter-now-btn {
  background: #FF5911;
  width: 140px;
  height: 50px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
}

.enter-now-btn:hover,
.enter-now-btn:focus {
  background: #000;
}

.ofi {
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.our-work-block-list .row {
  margin: 0px -12px;
}

.our-work-block-list [class*="col-"] {
  padding: 0px 12px;
  margin-bottom: 70px;
}

.our-work-block {
  height: 100%;
  position: relative;
  width: 100%;
}

.our-work-block figure {
  text-align: center;
  position: relative;
  width: 100%;
  background: #000;
  border: 1px solid #fff;
  margin-bottom: 30px;
}

.our-work-block figure:after {
  position: absolute;
  left: -10px;
  top: 10px;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  animation: zoomIn;
  animation-delay: 0.02s;
  animation-duration: 1s;
}

.our-work-block:hover figure,
.our-work-block:focus figure,
.our-work-block:hover .our-work-block-det,
.our-work-block:focus .our-work-block-det {
  border: 1px solid #FF5911;
}

.our-work-block:hover figure:after,
.our-work-block:focus figure:after {
  border: 1px solid #FF5911;
}

.our-work-block:hover .our-work-block-det h2,
.our-work-block:focus .our-work-block-det h2,
.our-work-block:hover .our-work-block-det h3,
.our-work-block:focus .our-work-block-det h3 {
  color: #FF5911;
}

.our-work-block-det {
  border: 1px solid #fff;
  padding: 20px 15px;
  background: #000;
}

.our-work-block-det h2 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 6px;
  min-height: 50px;
}

.our-work-block-det h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.our-work-block-list .col-sm-6.col-6.col-md-4,
.clientele-list .col-sm-6.col-6.col-md-4 {
  display: none;
}

.coman-btn {
  background: #FF5911;
  padding: 11px 24px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}

.coman-btn:hover,
.coman-btn:focus {
  background: #fff;
  color: #FF5911;
}

.clientele-sec {
  padding: 100px 0px 75px 0px;
}

.clientele-sec h2 {
  font-size: 70px;
  margin-bottom: 70px;
}

.clientele-sec [class*="col-"] {
  width: 20%;
  align-self: center !important;
  margin-bottom: 50px;
  text-align: center;
}

.clientele-sec figure,
.clientele-sec figure a {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
}

.contact-coman-block {
  padding: 45px;
  border: 2px solid #FF5911;
  position: relative;
  background: #000;
  height: 100%;
}

.contact-coman-block:after {
  position: absolute;
  left: -10px;
  top: 10px;
  border: 2px solid #FF5911;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  animation: zoomIn;
  animation-duration: 1s;
}

.contact-coman-block h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 35px;
}

.contact-coman-block label {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
  padding-left: 20px;
}

.contact-coman-block .form-group {
  margin-bottom: 25px;
}

.contact-coman-block .form-control {
  height: 50px;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
  padding: 0px 20px;
  border: 1px solid #FF5911 !important;
  box-shadow: none !important;
}

.contact-coman-block textarea.form-control {
  height: 100px;
  padding-top: 16px;
}

.contact-coman-block .coman-btn {
  text-transform: uppercase;
  width: 150px;
}

.contact-us-sec {
  margin-bottom: 70px;
}

.contact-details-block-inn {
  position: relative;
  width: 100%;
  margin-top: 60px;
}

.contact-details-block-inn figure {
  position: absolute;
  width: 100%;
  width: 45px;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-bottom: 0px;
}

.contact-details-block-inn p {
  padding-left: 60px;
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 500;
}

.contact-details-block-inn p a {
  color: #fff;
  font-weight: normal;
}

.contact-details-block-inn p a:hover,
.contact-details-block-inn p a:focus {
  color: #FF5911;
}

.contact-details-block-inn .fa-brands {
  font-size: 40px;
  color: #FF5911;
}

.budget-calculator-block {
  padding: 60px 40px;
  border: 2px solid #FF5911;
  position: relative;
  background: #000;
  height: 100%;
  text-align: center;
}

.budget-calculator-block:after {
  position: absolute;
  left: -10px;
  top: 10px;
  border: 2px solid #FF5911;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  animation: zoomIn;
  animation-duration: 1s;
}

.budget-calculator-item ul {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin: 0px -15px;
}

.budget-calculator-item ul li {
  width: 16.66%;
  flex: 0 0 auto;
  padding: 0px 15px;
  margin-bottom: 47px;
  pointer-events: none !important;
}

.budget-calculator-block h2 {
  font-size: 70px;
  margin-bottom: 25px;
}

.budget-calculator-item ul li figure {
  margin-bottom: 20px;
  text-align: center;
}

.budget-calculator-item ul li p {
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 24px;
  margin-bottom: 0px;
}

.budget-calculator-item ul li figure img.hover {
  display: none;
}

.budget-calculator-item ul li.active figure img.hover {
  display: block;
}

.budget-calculator-item ul li.active figure img {
  display: none;
}

.budget-calculator-item ul li.active p {
  color: #FF5911;
}

/* contact us .budget-calculator-checkbox */
.custom-control {
  display: flex;
  align-items: center;
  /* Align items vertically */
  margin-left: 10px;

  /* Space between checkbox and label wrapper */
}

.icon-label-wrapper {
  display: flex;
  flex-direction: column;
  /* Stack icon and label vertically */
  align-items: flex-start;
  /* Align items to the start (left) */
  margin-left: 10px !important;
  padding-left: 10px;
  padding-bottom: 20px;
}

.icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  /* Adjust based on your icon's size */
  height: 50px;
  /* Adjust based on your icon's size */
  margin: 0 0 5px 0;
  padding-bottom: 10px;

  /* Space between icon and label */
  cursor: pointer;
}

.checkboxitem {
  display: flex;
  justify-content: space-between;


}

.icon-label {
  font-size: 12px !important;
  /* Adjust label font size as needed */
  cursor: pointer;

  margin-bottom: 10px;
}

.icon-label-wrapper img {}


.custom-checkbox {
  appearance: none;
  /* Hide default checkbox appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 16px;
  /* Match the custom indicator size */
  height: 16px;
  /* Match the custom indicator size */
  background-color: white;
  /* Initial background */
  border: 2px solid #ccc;
  /* Initial border color */

  /* Rounded corners for the checkbox */
  cursor: pointer;
  vertical-align: middle;
}

.custom-checkbox:checked {
  background-color: #FF5911;
  /* Background color when checked */
  border-color: #FF5911;
  /* Border color when checked */
}



/* end */
.service-suite-sec ul {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin: 0px -15px;
  border: none;
}

.service-suite-sec ul li {
  width: 33.33%;
  flex: 0 0 auto;
  padding: 0px 15px;
  margin-bottom: 50px;
}

.service-suite-sec .nav-item .nav-link {
  padding: 0px;
  padding: 0px 10px;
  border: none;
  box-shadow: none;
  width: 100%;
  height: 515px;
  border: 2px solid #FFFFFF;
  background: #000;
  position: relative;
  border-radius: 0px;
  isolation: unset !important;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.service-suite-sec .nav-item .nav-link:before {
  position: absolute;
  left: -10px;
  top: 10px;
  border: 2px solid #fff;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.service-suite-sec .nav-item .nav-link::after {
  background: #FF5911;
  height: 0px;
  content: "";
  position: absolute;
  width: 100%;
  position: absolute;
  bottom: 0px;
  width: 101.1%;
  left: -2px;
  bottom: -54px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.service-suite-sec .nav-item .nav-link h2 {
  font-size: 120px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.8;
}

.service-suite-sec .nav-item .nav-link p {
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 34px;
}

.service-suite-sec .nav-item .nav-link figure {
  display: none;
}

.service-suite-sec .nav-item .nav-link figure {
  display: none;
}

.service-suite-sec .nav-item .nav-link.active h2,
.service-suite-sec .nav-item .nav-link:hover h2,
.service-suite-sec .nav-item .nav-link:focus h2 {
  display: none;
}

.service-suite-sec .nav-item .nav-link.active figure,
.service-suite-sec .nav-item .nav-link:hover figure,
.service-suite-sec .nav-item .nav-link:focus figure {
  display: block;
}

.service-suite-sec .nav-item .nav-link.active,
.service-suite-sec .nav-item .nav-link:hover,
.service-suite-sec .nav-item .nav-link:focus {
  border: 2px solid #FF5911;
  isolation: unset !important;
}

.service-suite-sec .nav-item .nav-link.active:before,
.service-suite-sec .nav-item .nav-link:hover:before,
.service-suite-sec .nav-item .nav-link:focus:before {
  border: 2px solid #FF5911;
  isolation: unset !important;
}

.service-suite-sec .nav-item .nav-link.active:before {
  height: 111%;
}

.tab-pane {
  padding: 50px 40px;
  border: 2px solid #FFFFFF;
  background: #000;
  position: relative;
  border-radius: 0px;
  margin: 0px 15px;
  margin-bottom: 80px;
}

.tab-pane:before {
  position: absolute;
  left: -10px;
  top: 10px;
  border: 2px solid #fff;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.custom-teb-det.defualt-content-info h2 {
  font-size: 70px;
  margin-bottom: 20px;
}

.custom-teb-det.defualt-content-info p {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
}

.custom-teb-det.defualt-content-info .coman-btn {
  padding: 11px 20px;
}

.tab-pane.active,
.tab-pane:hover,
.tab-pane:focus {
  border: 2px solid #FF5911;
  isolation: unset !important;
}

.tab-pane.active:before,
.tab-pane:hover:before,
.tab-pane:focus:before {
  border: 2px solid #FF5911;
  isolation: unset !important;
}

.tab-pane {
  display: none !important;
}

.tab-pane.active {
  display: block !important;
}

.service-suite-sec .nav-item .nav-link.active::after {
  height: 54px;
}

.range-slider-block #storlek_testet {
  pointer-events: none;
  background: no-repeat;
  color: #fff;
  font-size: 30px;
  text-align: center;
  width: auto;
  font-weight: 600;
  display: inline-block;
  max-width: 130px;
  min-width: auto;
}

.range-slider-input {
  display: inline-block;
  vertical-align: baseline;
  margin: 0px 92px;
}

.range-slider-input:before {
  position: relative;
  content: "₹";
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}

.range-slider-block .btn-range {
  border: 1px solid #FF5911;
  background: transparent;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 0;
  font-weight: bold;
  padding: 0px;
  box-shadow: none;
}

.range-slider-block .btn-range:disabled {
  border: 1px solid #d3cfce;
  background: #bcbcbc;
}

.range-slider-block .btn-range:hover,
.range-slider-block .btn-range:focus {
  border: 1px solid #FF5911;
  background: #FF5911;
  color: #fff;
}

.budget-calculator-block .submit-button-block {
  margin-top: 60px;
}

.budget-calculator-block .coman-btn {
  text-transform: uppercase;
  padding: 11px 38px;
}

.main-video {
  position: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
}