@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&display=swap');

@font-face {
  font-family: 'Mazzard 1';
  src: url('../fonts/MazzardM-Regular.otf');
  src: local('MazzardM-Regular.otf'), local('Mazzard 1'),
       url('../fonts/MazzardM-Regular.otf') format('truetype');
}



body {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0;
  transition: opacity 3s;

}
html, body{
overflow-x: hidden;
font-family: "Urbanist", sans-serif;
}

@keyframes fadeIn{
0% {
  opacity:0;
}
100% {
  opacity:1;
}
}

@-moz-keyframes fadeIn {
0% {
  opacity:0;
}
100% {
  opacity:1;
}
}

@-webkit-keyframes fadeIn {
0% {
  opacity:0;
}
100% {
  opacity:1;
}
}

@-o-keyframes fadeIn {
0% {
  opacity:0;
}
100% {
  opacity:1;
}
}

@-ms-keyframes fadeIn {
0% {
  opacity:0;
}
100% {
  opacity:1;
}
}
@media (min-width: 576px){
  .container, .container-sm {
      max-width: 540px;
  }
}
@media (min-width: 768px){
  .container, .container-md, .container-sm {
      max-width: 750px;
  }
}
@media (min-width: 992px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 970px;
  }
}
@media (min-width: 1080px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1030px;
  }
}
@media (min-width: 1100px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1100px;
  }
}
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1200px;
  }
}
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1320px;
  }
}
@media (min-width: 1500px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1390px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1420px;
  }
}
@media only screen and (min-width: 1701px) and (max-width: 1800px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1510px;
  }
}
@media only screen and (min-width: 1801px) and (max-width: 1920px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1510px;
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2880px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1510px;
  } 
}
.bg-image {
  object-fit: cover;
}
.bg-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bg-image:not([class*=absolute]) {
  position: absolute;
}
section {
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
}
html {
  scroll-behavior: smooth;
}
.modal-open{
    background: #656565;
    opacity: 0.6;
}
.dropdown-menu .active .dropdown-item{
    color: #C75629 !important;
}
/* ---------------------------------------header-------------------------------- */
.nav-link{
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: left;
  color: #fff;
}
.dropdown .btn{
  font-family: Outfit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.16px;
  text-align: center;
  border: 0px !important;
  color: #3C3C3C;
}
.navbar-nav {
  gap: 24px;
}
.dropdown-menu.show{
  min-width: 100px;
  padding: 16px 11px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--None, 0px) var(--None, 0px) 24px 24px;
  background: var(--tinted-white, #EAE9ED);
  top: 68px;
  border: 0px;
  transform: translate(-25px, 0px);
}
.nav-link:focus-visible {
    box-shadow: none;
}
.dropdown-toggle::after {
    content:"";
    border:0;
    background:url(../image/Icon.svg) no-repeat;
    background-size:cover;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 7px;
    right: -17px;
}
.dropdown-toggle.show::after {
    content: "";
    border: 0;
    background: url(../image/drop-o.svg) no-repeat;
    background-size: contain;
    width: 18px;
    height: 19px;
    position: absolute;
    top: 14px;
    right: -17px;
    transform: rotate(-3deg);
}
.dropdown-item{
  color: var(--Grayscale-700, #656565);
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.login-btn{
  width: 153px;
  height: 43px;
  padding: 4px 4px 4px 4px;
  gap: 8px;
  background: #FDD4AF;
  color: #C75629;
  font-family: Outfit;
  font-size: 15px;
  font-weight: 400;
  line-height: 16.5px;
  letter-spacing: 0.02em;
  text-align: center;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 1px solid #C75629;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.login-btn:hover{
  background: #fff;
  border: 1px solid #C75629;
  color: #C75629;
}
.btn-design::after{
  content: "";
  background: #C75629;
  position: absolute;
  width: 100%;
  height: 43px;
  border-radius: 8px;
  top: 4px;
  left: 5px;
  z-index: -1;
}
.design-btn{
  width: 153px;
  height: 43px;
  padding: 4px 4px 4px 4px;
  gap: 8px;
  background: #FDD4AF;
  color: #C75629;
  font-family: Outfit;
  font-size: 15px;
  font-weight: 400;
  line-height: 16.5px;
  letter-spacing: 0.02em;
  text-align: center;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border: 1px solid #C75629;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.design-btn:hover{
  background: #fff;
  border: 1px solid #C75629;
  color: #C75629;
}
.btn-design::after{
  content: "";
  background: #C75629;
  position: absolute;
  width: 100%;
  height: 43px;
  border-radius: 8px;
  top: 4px;
  left: 5px;
  z-index: -1;
}
.header-top .navbar{
  padding: 24px 0px;
}
.header-top.header-scroll{
    background:#EAE9ED;
}
/* -------------------------------------home-------------------------------- */
.home-banner-video{
  height: 1080px;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 0px 0px;
  background: url(../image/home-banner-bg.png) no-repeat; 
  background-size: cover;
  background-position: right center;

}
.home-banner-video .bg-image{
  margin: auto;
  width: 90%;
  max-width: 100%;
  right: 0px;
  left: 0px;
  top: 200px;
  bottom: 0px;
  z-index: 1;
}
.bg-white-divide{
  padding: 48px 0px;
  background: #fff;
}
.owl-carousel .item {
  color: white;
  text-align: center;
  border-radius: var(--None, 0px) var(--None, 0px) var(--None, 0px) 24px; 
  border-radius: 0px 0px 24px 24px;
  background: #fff;
  border-radius: 24px;
}
/* Custom step bar styling */
.step-bar {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  opacity: 1;
  background: var(--Grayscale-500, #D0D0D0);
  width: 312px;
  max-width: 100%;
  margin: auto;
  position: absolute;
  right: 153px;
  height: 4px;
  bottom: 107px;
  z-index: 1;
}
.count-sec-box{
  width: 391px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 114px;
  bottom: 101px;
  z-index: 1;
}
.step-bar div {
  width: 104px;
  height: 4px;
  background: var(--Grayscale-500, #D0D0D0);
  margin: 0 0px;
  border-radius: 0%;
  cursor: pointer;
}
.step-bar div.active {
  background: var(--Burnt-Orange, #C75629);
}
/* Slide count styling */
.slide-count {
  text-align: center;
  margin-top: 10px;
}
.slide-count span {
  font-size: 18px;
  font-weight: bold;
}
.slide-count .current-slide {
  margin-right: 5px;
}
.count-sec-box .current-slide{
  color: var(--Burnt-Orange, #C75629);;
  font-family: 'Outfit';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.235px;
  text-transform: capitalize;
}
.slide-count .total-slide {
  color: var(--Burnt-Orange, #C75629);;
  font-family: 'Outfit';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.235px;
  text-transform: capitalize;
}
.home-slider-main{
  border-radius: 24px;
  position: relative;
  border-radius: 24px;
  position: relative;
  background: #fff;
  width: 1416px;
  margin: auto;
  max-width: 100%;
  margin-bottom: -28px;
}
.fixed-class{
  position: fixed;
  top: 30%;
  left: 0;
  z-index: 10999;
  margin: auto;
  right: 0px;
}
.orange-bg-content-main{
  border-radius: 24px; 
  position: relative;
  
}
.orange-bg-content{
  background: var(--Burnt-Orange, #C75629);
  padding: 40px 40px 40px 65px;
  width: 943px;
  max-width: 100%;
  border-top-left-radius: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
.orange-bg-content h1{
  color: var(--Grayscale-White, #FFF);
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.item-details-right {
  background: #fff;
}

.item-details{
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: self-end;
}
.item-details-left{
  text-align: left;
  padding: 40px 144px 40px 65px;
  width: 943px;
  max-width: 100%;
  background: #fff;
  margin-top: 205px;
  border-bottom-left-radius:24px;
}
.item-right-img img{
  width: 366px !important; 
  height: 275px;
  max-width: 100%;
  position: absolute;
  right: 111px;
  top: 0px;
}
.item-details-left h4{
  color: var(--Burnt-Orange, #C75629);
  font-family: Lora;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 141%; /* 31.02px */
  text-transform: capitalize;
  margin-bottom: 24px;
}
.item-details-left p{
  color: var(--Grayscale-700, #656565);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
  margin-bottom: 0px;
}
.pop-box{
  background: var(--Burnt-Orange, #C75629);
  padding: 24px 24px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 111px;
  text-align: center;
  height: 137px;
  display: flex;
  z-index: 1;
  border-top-right-radius: 24px;
}
.pop-box img{
  cursor: pointer;

}
.slide-count .slidenumber h3{
  color: var(--Burnt-Orange, #C75629);
  text-align: center;
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.slide-count .slidenumber {
  font-size: 18px;
  font-weight: bold;
  height: 137px;
  width: 111px;
  position: absolute;
  right: 0px;
  top: 136px;
  z-index: 1;
  padding: 24px 24px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.btn-wrap button{
  border: 0px;
  background: transparent;
}
.btn-wrap {
  position: absolute;
  right: 17px;
  bottom: 96px;
  display: flex;
  gap: 11px;
  z-index: 1;
}
.tab-content-details svg{
    margin-left:8px;
}

.main-slider{
  width: 1193px;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  padding-top: 7rem;
  padding-left: 80px;
}
.swiper-slide img{
  width: 592px;
  max-width: 100%;
  height: 435px;
}
@media only screen and (min-width: 1800px) and (max-width: 1890px){
    .servies-slider .container{
        max-width:1640px;
    }
    .main-slider {
        width: 1260px;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
        padding-top: 7rem;
        padding-left: 80px;
    }
}
@media only screen and (min-width: 1900px) and (max-width: 2160px){
    .servies-slider .container{
        max-width:1690px;
    }
    .main-slider {
        width: 1260px;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
        padding-top: 7rem;
        padding-left: 80px;
    }
}
.tab-content ul{
  padding-left: 0px;
  column-count: 2;
  list-style: none;
  margin-bottom: 64px;
}
.servies-slider{
    padding:64px 0px;
}
.tab-content h2{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 64px;
}
.tab-content p{
  color: var(--Grayscale-700, #656565);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%;
  letter-spacing: 0.48px;
  margin-bottom: 64px;
}
.tab-content h4{
  color: var(--Burnt-Orange, #C75629);
  font-family: Lora;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 141%;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.tab-content li{
  margin-bottom: 16px;
}
.tab-content a{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
.tab-content .btn{
  border-radius: var(--8, 8px);
  border: var(--None, 1px) solid var(--Burnt-Orange, #C75629);
  background: var(--Baby-Orange, #FDD4AF);
  box-shadow: 4px 4px 0px 0px #C75629;
  height: 47px;
  color: #C75629;
  font-family: Outfit;
  font-size: 15px;
  font-weight: 400;
  line-height: 16.5px;
  letter-spacing: 0.02em;
  text-align: center;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 184px;
  max-width: 100%;
}
.tab-menu {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.tab-menu button {
  background: none;
  border: none;
  font-size: 16px;
  margin: 0 10px;
  cursor: pointer;
  padding-bottom: 10px;
}

.tab-menu button.active {
  border-bottom: 2px solid #ff5722;
  color: #ff5722;
}

.swiper-container {
    width: 100%;
    /* height: 400px; */
    position: relative;
    margin-bottom: 48px;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;

  box-shadow: none;
  border-radius: 0px;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.tab-menu button{
  color: #0E0E0E;
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  opacity: 0.5;
  margin: 0px 0px;
  margin-bottom: -1px;
  padding: 8px 0px;

}
.tab-menu button.active{
  opacity: 1;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #ff5722;
  border-radius: 0px;
}
.tab-menu {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 20px;
  width: 654px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 64px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.20);
}
.swiper-slide img {
  width: 592px;
  max-width: 100%;
  height: 435px;
  object-fit: cover;
  border-radius: 24px;
}
.swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #333;
  font-size: 14px;
}

.swiper-pagination-bullet {
  background: #ccc;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #ff5722;
}

.swiper-button-next,
.swiper-button-prev {
  color: #ff5722;
}

/* Progress bar styling */
.progress-bar-container {
  width: 100%;
  height: 8px;
  background-color: #eee;
  position: relative;
  border-radius: 4px;
  margin-top: 20px;
}

.progress-bar-fill {
  height: 100%;
  background-color: #ff5722;
  border-radius: 4px;
  width: 0%;
  transition: width 0.5s ease;
}

/* Fraction pagination styling */
.fraction-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  color: #ff5722;
}
.fraction-pagination{
  display: flex;
  justify-content: space-between;
  width: 370px;
  margin: auto;
  position: relative;
  z-index: 1;
  margin-top: 42px;
}
.swiper-pagination{
  width: 298px !important;
  display: flex;
  justify-content: space-between;
  border-radius: var(--4, 4px);
  opacity: 1;
  background: var(--Grayscale-500, #D0D0D0);
  height: 4px;
  margin: auto;
  max-width: 100%;
  left: 28px !important;
  top: 7px !important;
}
.swiper-pagination-bullet{
  background:  #D0D0D0;
  width: 78px;
  border: 0px;
  border-radius: 0px;
  height: 4px;
  margin: 0px 0px !important;
}
.swiper-pagination-bullet-active {
  background: #ff5722;
  width: 78px;
  border: 0px;
  border-radius: 0px;
  height: 4px;
}
.fraction-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  color: #ff5722;
  color: var(--Burnt-Orange, #C75629);
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.7%; /* 16.044px */
  text-transform: capitalize;
  z-index: 1;
  height: 16px;
}
.swiper-button-prev::after{
  display: none;
}
.swiper-button-next::after{
  display: none;
}
.fraction-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 62px;
  font-size: 14px;
  color: #ff5722;
  color: var(--Burnt-Orange, #C75629);
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.7%;
  text-transform: capitalize;
  width: 355px;
  max-width: 100%;
  margin: auto;
  margin-top: 62px;
  position: relative;
}
.total-slides-main{
  position: absolute;
  right: -18px;
  top: -2px;
}
.current-slide-main{
  position: absolute;
  left: -5px;
  top: -2px;
}
.custom-pagination{
  width: 355px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  max-width: 100%;
  position: relative;
  color: #ff5722 !important;
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.7%;
  text-transform: capitalize;
}
.stepswiper{
  position: absolute;
  width: 100px;
  bottom: -69px;
  left: 0px;
  max-width: 100%;
}
.swiper-slide-next{
  opacity: .5;
}
.swiper-slide .mo-img{
  display: none !important;
}
.slide-img {
  height: 435px;
  width: 592px;
  border-radius: 24px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide{
  position: relative;
}
.slide-img::after{
  content: "";
  background: #000;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  opacity: .5;
  border-radius: 24px;
  display: none;
  transition: all 0.5s ease;  
}
.swiper-slide .btn{
  border-radius: var(--8, 8px);
  border: var(--None, 1px) solid var(--Burnt-Orange, #C75629);
  background: var(--Baby-Orange, #FDD4AF);
  box-shadow: 4px 4px 0px 0px #C75629;
  color: var(--Burnt-Orange, #C75629);
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 16.5px */
  letter-spacing: 0.3px;
  text-transform: capitalize;
  display: none;
  position: relative;
  z-index: 1;
}
.slide-img:hover::after{
  display: block;
}
.slide-img:hover .btn{
  display: block;
}
.slide-1{
  background: url(../image/Advertising.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.slide-2{
  background: url(../image/Creative-Writing.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.slide-3{
  background: url(../image/Corporate-writing.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.slide-4{
  background: url(../image/Social-Media.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.slide-5{
  background: url(../image/Advertising.png) no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 0px;
}

.swiper-slide-prev{
        visibility: hidden;
}
.item-right-img .mo-img{
    display:none !important;
}
.item-right-img .desk-img{
    display:block !important;
}
@media only screen and (min-width: 700px) and (max-width: 790px){
  .navbar-nav {
    gap: 20px;
  }
  .main-slider {
    width: 950px;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
  }
  .swiper-slide img {
    width: 512px;
    max-width: 100%;
    height: 363px;
    object-fit: cover;
    border-radius: 24px;
  }
  .tab-content h2 {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Lora;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
  }
  .tab-menu {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 20px;
    width: 654px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 32px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.20);
  }
  .tab-content p {
    color: var(--Grayscale-700, #656565);
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin-bottom: 28px;
  }
  .tab-content a {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
  }
  .tab-content h4 {
    color: var(--Burnt-Orange, #C75629);
    font-family: Lora;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
  }
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 30px 40px 40px 40px;
    width: 530px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  .orange-bg-content h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: Lora;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .item-details-left {
    text-align: left;
    padding: 30px 97px 40px 32px;
    width: 628px;
    max-width: 100%;
    background: #fff;
    margin-top: 190px;
    border-bottom-left-radius:24px;
  }
  .count-sec-box {
    width: 305px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 67px;
    z-index: 1;
} 
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 63px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
  .item-right-img img {
    width: 303px !important;
    height: 251px;
    max-width: 100%;
    position: absolute;
    right: 111px;
    top: 0px;
    object-fit: cover;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 230px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .home-banner-video .bg-image {
    margin: auto;
    width: 100%;
    max-width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 995px){
  .navbar-nav {
    gap: 20px; 
}
.homefaq-content {
  padding: 40px 31px !important;
}
  .main-slider {
    width: 950px;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
  }
  .swiper-slide img {
    width: 512px;
    max-width: 100%;
    height: 363px;
    object-fit: cover;
    border-radius: 24px;
  }
  .tab-content h2 {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Lora;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
  }
  .tab-menu {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 20px;
    width: 654px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 32px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.20);
  }
  .tab-content p {
    color: var(--Grayscale-700, #656565);
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin-bottom: 28px;
  }
  .tab-content a {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
  }
  .tab-content h4 {
    color: var(--Burnt-Orange, #C75629);
    font-family: Lora;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
  }
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 30px 40px 40px 40px;
    width: 580px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
  }
  .orange-bg-content h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: Lora;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .item-details-left {
    text-align: left;
    padding: 30px 97px 40px 32px;
    width: 628px;
    max-width: 100%;
    background: #fff;
    margin-top: 190px;
    border-bottom-left-radius:24px;
  }
  .count-sec-box {
    width: 305px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 67px;
    z-index: 1;
} 
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 63px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
  .item-right-img img {
    width: 303px !important;
    height: 251px;
    max-width: 100%;
    position: absolute;
    right: 111px;
    top: 0px;
    object-fit: cover;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 230px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .home-banner-video .bg-image {
    margin: auto;
    width: 100%;
    max-width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1090px){
  .main-slider {
    width: 983px;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
  }
  .swiper-slide img {
    width: 512px;
    max-width: 100%;
    height: 363px;
    object-fit: cover;
    border-radius: 24px;
  }
  .tab-content h2 {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Lora;
    font-size: 39px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 40px;
  }
  .tab-content p {
    color: var(--Grayscale-700, #656565);
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 142.25%;
    letter-spacing: 0.48px;
    margin-bottom: 28px;
  }
  .tab-content a {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
  }
  .tab-content h4 {
    color: var(--Burnt-Orange, #C75629);
    font-family: Lora;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
  }
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 30px 40px 40px 40px;
    width: 554px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  .orange-bg-content h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: Lora;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .item-details-left {
    text-align: left;
    padding: 30px 97px 40px 32px;
    width: 628px;
    max-width: 100%;
    background: #fff;
    margin-top: 190px;
    border-bottom-left-radius:24px;
  }
  .count-sec-box {
    width: 338px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 67px;
    z-index: 1;
} 
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 63px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
  .item-right-img img {
    width: 339px !important;
    height: 263px;
    max-width: 100%;
    position: absolute;
    right: 111px;
    top: 0px;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 266px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .home-banner-video .bg-image {
    margin: auto;
    width: 100%;
    max-width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1290px){
  .main-slider {
    width: 1090px;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
  }
  .tab-content h4 {
    color: var(--Burnt-Orange, #C75629);
    font-family: Lora;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 141%;
    text-transform: capitalize;
  }
  .tab-content a {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
  }
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 40px 40px 40px 40px;
    width: 624px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;

  }
  .orange-bg-content h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: Lora;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .item-details-left {
    text-align: left;
    padding: 0px 97px 40px 32px;
    width: 689px;
    max-width: 100%;
    background: #fff;
    margin-top: 190px;
  }
  .count-sec-box {
    width: 338px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 67px;
    z-index: 1;
} 
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 63px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
  .item-right-img img {
    width: 339px !important;
    height: 263px;
    max-width: 100%;
    position: absolute;
    right: 111px;
    top: 0px;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 266px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .home-banner-video .bg-image {
    margin: auto;
    width: 95%;
    max-width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .tab-content a {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
  }
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 40px 40px 40px 40px;
    width: 706px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  .orange-bg-content h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: Lora;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .item-details-left {
    text-align: left;
    padding: 0px 97px 40px 32px;
    width: 764px;
    max-width: 100%;
    background: #fff;
    margin-top: 190px;
    border-bottom-left-radius: 24px;
  }
  .count-sec-box {
    width: 338px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 67px;
    z-index: 1;
} 
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 63px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
  .item-right-img img {
    width: 339px !important;
    height: 263px;
    max-width: 100%;
    position: absolute;
    right: 111px;
    top: 0px;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 266px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .home-banner-video .bg-image {
    margin: auto;
    width: 95%;
    max-width: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1390px){
  .tab-content a {
    color: var(--Grayscale-800, #3C3C3C);
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: capitalize;
  }
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 40px 40px 40px 40px;
    width: 696px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  .orange-bg-content h1 {
    color: var(--Grayscale-White, #FFF);
    font-family: Lora;
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
  }
  .item-details-left {
    text-align: left;
    padding: 0px 97px 40px 32px;
    width: 743px;
    max-width: 100%;
    background: #fff;
    margin-top: 205px;
  }
  .count-sec-box {
    width: 391px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 67px;
    z-index: 1;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 73px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 63px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1490px){
  .orange-bg-content {
    background: var(--Burnt-Orange, #C75629);
    padding: 39px 40px 40px 27px;
    width: 815px;
    max-width: 100%;
    border-top-left-radius: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
  }
  .item-details-left {
    text-align: left;
    padding: 32px 184px 40px 36px;
    width: 943px;
    max-width: 100%;
    background: #fff;
    margin-top: 205px;
  }
  .item-details-left {
    text-align: left;
    padding: 32px 184px 40px 36px;
    width: 943px;
    max-width: 100%;
    background: #fff;
    margin-top: 205px;
    border-bottom-left-radius: 24px;
  }
  .count-sec-box {
    width: 391px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 114px;
    bottom: 79px;
    z-index: 1;
  }
  .step-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    opacity: 1;
    background: var(--Grayscale-500, #D0D0D0);
    width: 312px;
    max-width: 100%;
    margin: auto;
    position: absolute;
    right: 153px;
    height: 4px;
    bottom: 85px;
    z-index: 1;
  }
  .btn-wrap {
    position: absolute;
    right: 17px;
    bottom: 74px;
    display: flex;
    gap: 11px;
    z-index: 1;
  }
}
.the-jurary-section{
  background: var(--Grayscale-400, #F4F4F4);
  padding: 64px 0px;
}
.the-jurary-content-left .card{
  border: 0px;
  position: relative;
  text-align: center;
  background: transparent;
  margin-bottom: 24px;
}
.the-jurary-content-left h4{
  color: var(--Grayscale-White, #FFF);
  text-align: center;
  font-family: Lora;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.the-jurary-content-left a{
  color: var(--Grayscale-White, #FFF);
  font-family: Outfit;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 16.5px */
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
.barnd-details{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 104px;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  max-width: 100%;
}
.barnd-details a svg {
  margin: 0px 8px;
}
.the-jurary-content{
  width: 615px;
  max-width: 100%;
  margin: auto;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 0px;
}
.the-jurary-content h3{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin: 32px 0px;
}
.the-jurary-content p{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
}
.features-section{
  border: 85px solid  #F4F4F4;
  background: #FFF;
  padding: 85px 0px;
}
.feature-details h5{
  color: var(--Grayscale-800, #3C3C3C);
  text-align: center;
  font-family: Lora;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 141%;
  text-transform: capitalize;
  margin-bottom: 16px;
  margin-top: 32px;
}
.feature-details p{
  color: var(--Grayscale-700, #656565);
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
}
.features-section .card{
  width: 276px;
  max-width: 100%;
  margin: auto;
  border: none;
  text-align: center;
  background: transparent;
  position: relative;
  z-index: 1;
}
.features-section::after {
  content: "";
  position: absolute;
  width: 68%;
  height: 15px;
  top: 171px;
  left: 0;
  background: #EAE9ED;
  z-index: 0;
  transition: all 0.3s ease-in-out;
  bottom: 0px;
  right: 0px;
  margin: auto;
  margin-top: 0px;
  max-width: 100%;
}
.got-top{
  padding: 100px 0px;
}
.got-top-content h1{
  color: var(--Grayscale-White, #FFF);
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 40px;
}
.got-top-content p{
  color: var(--Grayscale-White, #FFF);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
  margin-bottom: 40px;
}
.homefaq{
  padding: 33px 33px;
}
.homefaq-content h2{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 32px;
}
.homefaq-content p{
  color: var(--Grayscale-700, #656565);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
  margin-bottom: 40px;
}
.homefaq-content .accordion-item button{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Lora;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 141%;
  text-transform: capitalize;
  padding:0px 0px 0px;
}
.accordion-header{
  margin-bottom: 0px !important;
}
.accordion-item.active{
  background: var(--Grayscale-400, #F4F4F4);
}
.homefaq-content .accordion-item p{
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%;
  letter-spacing: 0.48px;
  margin-bottom: 0px;
  margin-top: 24px;
}
.accordion-button::after {
  flex-shrink: 0;
  margin-left: auto;
  content: "";
  background-image: url(../image/minus-icon.svg);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../image/plus-icon.svg);
  transform: none;
}
.homefaq-content .accordion-item{
  padding: 24px 24px;
}
.homefaq-content .accordion-body{
  padding: 0px 0px;
}
.homefaq-content{
  padding: 64px 64px;
}
.accordion-item:first-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 0px;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.accordion-item{
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #0E0E0E;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: transparent;
  box-shadow: none;
}
.homefaq-content-left-img{
  background: url(../image/home-faq-left.png) no-repeat;
  background-size: cover;
  background-position:  center center;
  height: 100%;
}

@media only screen and (min-width: 1000px) and (max-width: 1160px){
  .homefaq-content {
    padding: 40px 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  .homefaq-content {
    padding: 40px 40px;
  }
}
@media only screen and (min-width: 1950px) and (max-width: 2200px){
  .features-section::after {
    content: "";
    position: absolute;
    width: 66%;
    height: 15px;
    top: 171px;
    left: 0;
    background: #EAE9ED;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    bottom: 0px;
    right: 0px;
    margin: auto;
    margin-top: 0px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 2220px) and (max-width: 2880px){
  .features-section::after {
    content: "";
    position: absolute;
    width: 43%;
    height: 15px;
    top: 171px;
    left: 0;
    background: #EAE9ED;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    bottom: 0px;
    right: 0px;
    margin: auto;
    margin-top: 0px;
    max-width: 100%;
  }
}
/* -------------------------------------contact------------------------------ */
.contact-section{
  background: url(../image/Contact-Us-bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 1;
  margin-top: 98px;
  margin-bottom:94px;
}
.contact-section img{
  width: 90%;
  max-width: 100%;
  left: 0px;
  right: 0px;
  margin: auto;
}
.contact-form-details {
  padding: 66px 66px;
  background: #000000;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.contact-form-details h2{
  color: var(--Grayscale-White, #FFF);
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.contact-form-details p{
  color: var(--Grayscale-White, #FFF);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
  margin-bottom: 40px;
}
.contact-form-details-inner p{
  color: var(--Grayscale-White, #FFF);
  font-family: Outfit;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.25%; /* 34.14px */
  letter-spacing: 0.72px;
  margin-bottom: 32px;
}
.contact-form-details-inner h4{
  color: var(--Burnt-Orange, #C75629);
  font-family: Lora;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.contact-form{
  background: #fff;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  padding: 40px 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-form .form-control{
  border-radius: 4px;
  border: 1px solid var(--Grayscale-500, #D0D0D0);
  background: var(--Grayscale-White, #FFF);
  padding: 16px;
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%;
  letter-spacing: 0.48px;
  height: 55px;
  margin-bottom: 24px;
}
.contact-form textarea{
  border-radius:4px;
  border: 1px solid  #D0D0D0;
  background: #FFF;
  padding: 16px;
  color:  #3C3C3C;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%;
  letter-spacing: 0.48px;
  height: 239px;
}
::placeholder {
  color:  #3C3C3C !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color:  #3C3C3C !important;
}
textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder { /* Modern browsers */
  color:  #3C3C3C !important;
}
.form-check label {
  color: var(--Grayscale-800, #3C3C3C);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%;
  letter-spacing: 0.48px;

}
.form-check label a{
  color: #C75629;
}
.form-check-input {
  border: 1px solid #656565;
  border-radius: 0px !important;
  height: 24px;
  width: 24px;
  margin-right: 8px;
  margin-top: 2px;
}
.form-check{
  margin: 24px 0px;
}
.contact-form .btn-design::after {
  content: "";
  background: #C75629;
  position: absolute;
  width: 100%;
  height: 43px;
  border-radius: 8px;
  top: 6px;
  left: 5px;
  z-index: -1;
}
.contact-form .design-btn{
  border-radius:8px;
  border:1px solid  #C75629;
  background: #FDD4AF;
  box-shadow: 4px 4px 0px 0px #C75629;
  height: 47px;
}
.contact-form .design-btn:hover{
  background:#fff;
}
@media only screen and (min-width: 1100px) and (max-width: 1440px){
    .contact-section img {
        width: 97%;
        max-width: 100%;
        left: 0px;
        right: 0px;
        margin: auto;
    }
}
/* ---------------------------------------terms-------------------------------- */
.error-section{
  padding: 100px 0px 91px;
}
.error-content{
  text-align: center;
  justify-content: center;
  margin: auto;
  width: 500px;
  margin: auto;
  max-width: 100%;
}
.error-content .btn{
  margin: auto;
}
.error-content h2{
  color: var(--Burnt-Orange, #C75629);
  text-align: center;
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 40px;
  margin-bottom: 0px;
  
}
.error-content p{
  color: #0E0E0E;
  text-align: center;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
  margin: 24px 0px;
}
.policy-section-top-content{
  text-align: center;
}
.policy-section-top-content img{
    width: 98px;
    height: 100px;
    max-width: 100%;
}
.policy-section-content p{
  color: var(--Grayscale-700, #656565);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%;
  letter-spacing: 0.48px;
}
.policy-section-content{
  margin-top: 40px;
}
.policy-section-top-content h2{
  color: #0E0E0E;
  text-align: center;
  font-family: Lora;
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-top: 24px;
  margin-bottom: 0px;
}
.policy-section{
  padding: 115px 0px 64px;
}
.footer{
  position: relative;
  padding: 64px 0px;
  /*background: url(../image/Footer.png) no-repeat;*/
  /*background-size:cover;*/
  /*background-position: 99% 100px;*/
}
.footer-right-side .footer-menu {
    margin-right: -20px;
}
.footer-get-in-touch h4{
  color: var(--Grayscale-White, #FFF);
  font-family: Lora;
  font-size: 29px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 32px;
  padding-top: 55px;
}
.footer-addres p{
  color: var(--Grayscale-White, #FFF);
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 142.25%; /* 22.76px */
  letter-spacing: 0.48px;
  margin-bottom: 16px;
}
.footer-addres{
  display: flex;
  justify-content: space-between;
  gap: 72px;
}
.footer-menu ul{
  column-count: 3;
  list-style: none;
}
.footer-logo{
  text-align: end;
  margin-bottom: 40px;
}
.footer-menu ul li{
  margin-bottom: 32px;
}
.footer-a{
  color:#F6F6F6;
  font-family: Outfit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.footer-a:hover{
  color: #F6F6F6;
}
.copy-right{
  margin-top: 32px;
}
.copy-right p{
  color: var(--Grayscale-White, #FFF);
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.7%; /* 16.044px */
  text-transform: capitalize;
  margin-bottom: 0px;
  text-align: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .footer-a {
    color: #F6F6F6;
    font-family: Outfit;
    font-size: 14px;
  }
  .footer-right-side .footer-menu {
    margin-right: -20px;
    padding-left: 8px;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1920px){
    .footer-right-side .footer-menu {
        margin-right: -20px;
        padding-left: 4px;
    }
}
@media only screen and (min-width: 1800px) and (max-width: 1920px){
  .footer-a {
    color: #F6F6F6;
    font-family: Outfit;
    font-size: 16px;
  }
  .footer-right-side .footer-menu {
    margin-right: -20px;
    padding-left: 80px;
  }
}
.nav-link.active {
    color: #D9743C !important;
}

.btn:hover{
    background: #fff;
    border: 1px solid #C75629;
    color: #C75629;
}
#exampleModal2.modal-dialog {
    transform: none;
    width: 1385px;
    margin: auto;
    max-width: 100%;
}
#services-popup .modal-dialog {
    transform: none;
    width: 1385px;
    margin: auto;
    max-width: 100%;
}
.dual_ipnut_box .form-select{
    border-radius:4px;
    border: 1px solid #D0D0D0;
    background-color: #FFF;
    height: 56px;
    position:relative;
    width:94%;
    max-width:100%;
    margin-bottom: 16px;
}
.dual_ipnut_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px !important;
    flex-shrink: 0;
    align-self: stretch;
    width: 100%;
    justify-content: space-between;
    height:auto !important;
}
.minus1-mod{
    color: black;
    position: absolute;
    font-size: 38px;
    z-index: 1;
    left: 16px;
    top: 25px;
}
.minus3-mod{
    color: black;
    font-size: 26px;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    position: absolute;
    right: 10px;
    top: 33px;
}
.plus-mius-box, .dual_ipnut_box {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.right_second_box input{
    border-radius:4px;
    border: 1px solid #D0D0D0;
    background-color: #FFF;
    height: 56px;
    position:relative;
    width:100%;
    max-width:100%;
    text-align: center;
}
.modal_middle_titleee {
    margin-bottom: 32px !important;
}
.radioo_bx .modal_middle_titleee {
    margin-bottom: 32px;
    margin-top: 16px;
}
.sub_2_total_box {
    margin-top: 32px;
    margin-bottom: 32px;
}
.modal_dual_botton {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px !important;
    align-self: stretch;
}
.pandore {
    text-align: center;
}
.lefr_first_box img{
    height: 273px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.forget_content {
    align-items: center;
    border:0px;
}
.btn-design::after {
    content: "";
    background: transparent; 
    position: absolute;
    width: 100%;
    height: 43px;
    border-radius: 8px;
    top: 4px;
    left: 5px;
    z-index: -1;
    display:none;
}
.tab-content-details .btn{
    box-shadow: 4px 4px 0px 0px #C75629;
    transition: box-shadow all .6s;
    /*transform: translate(0px, 0px);*/
}
.tab-content-details .btn:hover{
    box-shadow: none;
    transform: translate(2px, 2px);
}
.btn-design{
    box-shadow: 4px 4px 0px 0px #C75629;
    transition: box-shadow all .6s;
    /*transform: translate(0px, 0px);*/
}
.btn-design:hover{
    box-shadow: none;
    transform: translate(2px, 2px);
}
.navbar-toggler{
    box-shadow: 4px 4px 0px 0px #C75629;
    transition: box-shadow all .6s;
    /*transform: translate(0px, 0px);*/
}
.navbar-toggler:hover{
    box-shadow: none;
    transform: translate(2px, 2px);
}