@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&family=Sulphur+Point:wght@300;400;700&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;
}
html,body{
  overflow-x: hidden;
}
/* ---------------------------------------header-------------------------------- */
.nav-link{
  color: #151515;
  font-family: "DM Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.39px;
  text-transform: uppercase;
}
.navbar-nav {
  gap: 40px;
}
.btn-red{
  border-radius: 60px;
  background: var(--Accent-Red-Accent, #9F0000);
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 12px 24px;
  width: 125px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-expand-lg {
  align-items: center;
  padding: 24px 0px 16px;
}
.navbar-expand-lg .navbar-nav {
  align-items: baseline;
}
.cuur-drop .dropdown-item{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.39px;
  text-transform: uppercase;
  padding: 0px 0px 16px;
}
.cuur-drop{
  padding: 24px 24px 8px;
  width: 236px;
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: var(--Nuetral-Almost-White, #FAFAFA);
}
.cuur-drop .dropdown-item:hover{
  background: transparent;
}
.cuur-drop .dropdown-item.active{
  color: var(--Accent-Red-Accent, #9F0000);
  background: transparent;
}
.dropdown-menu[data-bs-popper] {
  top: 47px;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-image: url(../image/Menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.nav-logo-btn{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 0px 20px;
}
.header-top .is-active .navbar-toggler-icon{
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  background-image: url(../image/X.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
/*  */

.document-drop .dropdown-item{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.39px;
  text-transform: uppercase;
  padding: 0px 24px 16px;
}
.document-drop{
  padding: 24px 24px 8px;
  width: 236px;
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: var(--Nuetral-Almost-White, #FAFAFA);
}
.document-drop .dropdown-item:hover{
  background: transparent;
}
.document-drop .dropdown-item.active{
  color: var(--Accent-Red-Accent, #9F0000);
  background: transparent;
}
.document-drop[data-bs-popper] {
  top: 60px;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.document-drop {
  padding: 24px 0px 8px;
  min-width: 236px;
  max-width: 100%;
}
.dropdown-divider {
  height: 0;
  margin: 8px 0px 24px;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.navbar-expand-lg .navbar-nav {
    align-items: baseline;
    width: 1084px;
    max-width: 100%;
    margin-right: auto;
    gap: 62px;
}
.document-drop {
    left: -61px !important;
    top: 50px !important;
}

.mo-nanve-menu{
  display: none;
}
.dropdown-toggle::after {
  content: "";
  background: url(../image/CaretDown.svg) no-repeat;
  background-size: cover;
  background-position:  center center;
  border: 0px;
  border: 0px;
  width: 20px;
  height: 21px;
  position: absolute;
  right: -18px;
  top: 7px;
}
.document-drop {
    left: -61px !important;
}
.dropdown-toggle.show{
    color: var(--Accent-Red-Accent, #9F0000) !important;
}
.dropdown-toggle.show::after{
  background: url(../image/CaretDown-red.svg) no-repeat !important;
  background-size: cover;
  background-position:  center center;
}
.navbar-nav .btn{
  margin-left: 20px;
}
.header-top .container{
  position: relative;
}
.shopping-cart {
  position: absolute;
  border-radius: 12px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: var(--Nuetral-Almost-White, #FAFAFA);
  padding: 32px 32px;
  right: 1rem;
  top: 4rem;
  width: 475px;
  max-width: 100%;
  display: none;
}
.shopping-cart.show-cart{
  display: block;
}
.shopping-cart-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.shopping-cart-header h3{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
}
.shopping-cart-main-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.product-info h5{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 6px;
}
.product-info p{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
  margin-bottom: 0px;
}
.qty-box h6{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 20px */
  text-transform: capitalize;
}
.shopping-cart-total h5{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 23px */
  text-transform: capitalize;
  margin-bottom: 0px;
}
.shopping-cart-total h5{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 23px */
  text-transform: capitalize;
  margin-bottom: 0px;
}
.shopping-cart-total{
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
  margin-top: 24px;
  margin-bottom: 32px;
  border-top: 1px solid #BEBEBE;
}
.shopping-cart-btn .btn{
  border-radius: 60px;
  background: var(--Accent-Red-Accent, #9F0000);
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%; /* 29.88px */
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 12px 24px;
}
@media only screen and (min-width: 700px) and (max-width: 890px){
  .navbar-nav {
    gap: 20px;
    margin-top: 24px;
    background: #fff;
  }
  .navbar-expand-lg .navbar-nav {
    align-items: baseline;
    width: 927px;
    max-width: 100%;
    margin-right: auto;
    padding-left: 31px;
    padding-bottom: 38px;
  }

}
@media only screen and (min-width: 900px) and (max-width: 995px){
  .navbar-expand-lg .navbar-nav {
    align-items: baseline;
    width: 750px;
    max-width: 100%;
    gap: 15px;
    margin: auto;
    justify-content: space-between;
  }
  .nav-link {
    color: #151515;
    font-family: "DM Sans";
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1090px){
  .navbar-expand-lg .navbar-nav {
    align-items: baseline;
    width: 797px;
    max-width: 100%;
    gap: 20px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1190px){
  .navbar-expand-lg .navbar-nav {
    align-items: baseline;
    width: 797px;
    max-width: 100%;
    gap: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1280px){
  .navbar-expand-lg .navbar-nav {
    align-items: baseline;
    width: 807px;
    max-width: 100%;
    gap: 22px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1390px) {
    .navbar-expand-lg .navbar-nav {
        align-items: baseline;
        width: 900px;
        max-width: 100%;
        margin-right: auto;
        gap: 30px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1490px) {
    .navbar-expand-lg .navbar-nav {
        align-items: baseline;
        width: 923px;
        max-width: 100%;
        margin-right: auto;
        gap: 40px;
    }
}
/* ------------------------------------home--------------------------------- */
.home-main{
  background: url(../image/home-main.png) no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
  padding-top: 125px;
}
.home-bannar::after{
 content: "";
 background: url(../image/home-banner.png) no-repeat;
 background-size: contain;
 background-position: center center;
 position: absolute;
 left: 0px;
 right: 0px;
 top: 0px;
 bottom: 0px;
 margin: auto;
 width: 1743px;
 max-width: 100%;
 height: 885px;
 z-index: -1;
 margin-top: 0px;
}
.home-bannar{
  height: 975px;
  position: relative;
  margin-top: 0px !important;
  padding-bottom: 70px;
}

.home-bannar-text h5{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "Sulphur Point";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 111%;
  letter-spacing: 0.8px;
  margin-bottom: 24px;
}
.home-bannar-text h1{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px; /* 70px */
  text-transform: uppercase;
  margin-bottom: 24px;
}
.home-bannar-text p{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
  margin-bottom: 24px;
}
.multple-div{
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 740px;
  bottom: 9rem;
}
.multple-div h5{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 28.226px;
  font-style: normal;
  font-weight: 400;
  line-height: 98%;
  letter-spacing: 0.565px;
  margin-bottom: 0px;
}
.multple-content {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

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

}
.home-bannar-text span{
  background: #FAFAFA;
  color: #9F0000;
  padding: 0px 11px;
  border-radius: 10px;
}
.just-three-simple{
  padding: 112px 0px;
}
.div-btn{
  display: flex;
  gap: 16px;
}
.div-btn .btn-red{
  width: 173px;
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  border-radius: 60px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: rgb(220 161 155 / 40%);
}
.just-three-simple .row{
  border-radius: 37px;
  background: #9F0000;
  padding: 40px 0px;
}
@media only screen and (min-width: 700px) and (max-width: 886px){
  .home-bannar::after {
    display: none;
  }
  .home-bannar {
    height: fit-content;
    position: relative;
    margin-top: 130px;
  }
  .home-bannar{
    background: #9F0000;
    padding-bottom: 0px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: unset;
    width: 740px;
    bottom: 9rem;
    max-width: 100%;
    margin-top: 46px;
  }
  .multple-div h5 {
    color: #FAFAFA;
    font-family: "DM Sans";
    font-size: 28.226px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    letter-spacing: 0.565px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 998px){
  .home-bannar {
    height: 689px;
    position: relative;
    margin-top: 0px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 60px 0px 90px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 548px;
    bottom: 5rem;
    right: -7px;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -80px;
    bottom: 0px;
    margin: auto;
    width: 1338px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1090px){
  .home-bannar {
    height: 737px;
    position: relative;
    margin-top: 0px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 60px 0px 90px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 548px;
    bottom: 5rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -46px;
    bottom: 0px;
    margin: auto;
    width: 1338px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1190px){
  .home-main {
    padding-top: 0px;
  }
  .home-bannar {
    height: 737px;
    position: relative;
    margin-top: 0px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 60px 0px 90px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 580px;
    bottom: 6rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -29px;
    bottom: 0px;
    margin: auto;
    width: 1338px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .home-main {
    padding-top: 20px;
  }
  .home-bannar {
    height: 830px;
    position: relative;
    margin-top: 0px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 63px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 70px 0px;
  }
  .home-bannar-text h5 {
        color: var(--Nuetral-Almost-White, #151515);
        font-family: "Sulphur Point";
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 111%;
        letter-spacing: 0.8px;
        margin-bottom: 8px;
    }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 643px;
    bottom: 6rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 1246px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1390px){
  .home-main {
    padding-top: 20px;
  }
  .home-bannar {
    height: 830px;
    position: relative;
    margin-top: 0px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 73px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 50px 0px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 575px;
    bottom: 6rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 1368px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1490px){
  .home-main {
    padding-top: 36px;
  }
  .home-bannar {
    height: 820px;
    position: relative;
    margin-top: 39px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 73px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 50px 0px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 650px;
    bottom: 4rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 1368px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1690px){
  .home-main{
    padding-top: 64px;
  }
  .home-bannar {
    height: 975px;
    position: relative;
    margin-top: 39px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: 73px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 50px 0px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 650px;
    bottom: 13rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 1440px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1690px){
  .home-bannar {
    height: 975px;
    position: relative;
    margin-top: 39px;
  }
  .home-bannar-text h1 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 73px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .home-bannar-text{
    padding: 50px 0px;
  }
  .multple-div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 740px;
    bottom: 13rem;
  }
  .home-bannar::after {
    content: "";
    background: url(../image/home-banner.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 1440px;
    max-width: 100%;
    height: 885px;
    z-index: -1;
    margin-top: 0px;
  }
}
.card-step1::after{
  content: "";
  background: url(../image/Slider-1.svg) no-repeat;
  background-size: cover;
  background-position:  center center;
  width: 25px;
  height: 180px;
  position: absolute;
  top: 5px;
  left: 25px;
  bottom: 0px;
  margin: auto;
}
.card-step2::after {
  content: "";
  background: url(../image/Slider-2.svg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 25px;
  height: 180px;
  position: absolute;
  top: 5px;
  left: 25px;
  bottom: 0px;
  margin: auto;
}
.card-step3::after {
  content: "";
  background: url(../image/Slider-3.svg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 25px;
  height: 180px;
  position: absolute;
  top: 5px;
  left: 25px;
  bottom: 0px;
  margin: auto;
}
.just-three-simple .card {
  background: transparent;
  padding: 0px 30px 0px 80px;
  border: 0px;
}
.just-three-simple h3{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  width: 800px;
  max-width: 100%;
  margin-bottom: 26px;
}
.just-three-simple .card h5{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "Sulphur Point";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 98%; /* 14.7px */
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}

.just-three-simple .card h4{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 23px */
  text-transform: capitalize;
  margin-bottom: 12px;
}
.just-three-simple .card p{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
  margin-bottom: 0px;
}
.choose-from-lang .what-popular-content h2{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
}
.choose-from-lang .what-popular-content p{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 22.4px */
  letter-spacing: 0.4px;
}
.choose-from-lang{
  padding: 70px 0px;
}
.choose-from-lang .what-popular-content-p{
  border-radius: 27px;
  background: #9F0000;
}
.choose-from-lang .what-popular-img {
  padding: 0px 28px 0px 3px;
}
.why-choose-us{
  padding: 88px 0px;
}

.features-card-two .row-flex {
  display: flex;
  justify-content: space-around;
  gap: 7%;
  width: 100%;
}
.features-card-two h2 {
  color: #FAFAFA;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.why-choose-main .card{
  background: url(../image/Cards-bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0px 19px;
}
.title-div{
  width: 754px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 56px;
  text-align: center;
}

.why-choose-main h2{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 49px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 49px */
  text-transform: capitalize;
  margin-bottom: 24px;
}
.why-choose-main p{
  color: var(--Darker-Grey, #151515);
  text-align: center;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
}
.why-choose-main .card {
  text-align: center;
  padding: 32px 32px;
  border-radius: 27px;
}
.card-body img{
  width: 144px;
  height: 145px;
  margin: auto;
  max-width: 100%;
  margin-bottom: 26px;
}
.why-choose-main .btn{
  width: fit-content;
  padding: 0px 24px;
  margin: auto;
  border-radius: 60px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: rgba(255, 255, 255, 0.40);
  color: var(--Nuetral-Almost-White, #FAFAFA);
}
.why-choose-main .card h5{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 23px */
  text-transform: capitalize;
  margin-bottom: 12px;
}
.why-choose-main .card p{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  text-align: center;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
  margin-bottom: 26px;
}

.why-choose-main .card{
  text-align: center;
}
.what-popular{
  background: var(--Accent-Red-Accent, #9F0000);
  padding: 83px 0px;
}
.what-popular-content-p{
  border-radius: 27px;
  background: #FFF;
  padding: 26px 32px;
}
.what-popular-content-p p{
  color: #9F0000;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 22.4px */
  letter-spacing: 0.4px;
  margin-bottom: 26px;
}
.what-popular-content h2{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 53px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  padding: 0px 32px;
  margin-bottom: 30px;
}
.what-popular-content-p .btn{
  width: 405px;
  max-width: 100%;
}
.what-popular-img img{
  height: 372px;
  object-fit: cover;
  border-radius: 27px;
}

.what-popular-img{
  padding: 0px 0px 0px 42px;
}
.features-card h2{
  color: #9F0000;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%; /* 29.88px */
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.features-himg{
  position: relative;
}
.features-himg::after{
  content:"";
  position: absolute;
  background: url(../image/OtherIcons.svg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 24px;
  height: 24px;
  right: -100px;
  top: 4px;
  bottom: 0px;
  margin: auto;
}
.features-card-two .features-himg::after{
  content:"";
  position: absolute;
  background: url(../image/OtherIcons-w.svg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 24px;
  height: 24px;
  right: -100px;
  top: 4px;
  bottom: 0px;
  margin: auto;
}
.features-card-two{
  background: var(--Accent-Red-Accent, #9F0000);
  padding: 16px 0px;
}
.row-flex{
  display: flex;
  justify-content: space-around;
  gap: 12%;
  width: 100%;
}
.features-card{
  padding: 16px 0px;
  background: #fff;
}
@media only screen and (min-width: 700px) and (max-width: 890px){
  .just-three-simple .card {
    background: transparent;
    padding: 0px 150px 0px 115px;
    border: 0px;
    margin-bottom: 96px;
  }
  .just-three-simple {
    padding: 40px 56px;
  }
  .features-himg::after{
    right: -58px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card h2 {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 10px;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -30px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 900px) and (max-width: 998px){
  .just-three-simple .card p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin-bottom: 0px;
  }
  .just-three-simple .card h4 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 12px;
  }
  .just-three-simple .card {
    background: transparent;
    padding: 0px 6px 0px 80px;
    border: 0px;
  }
  .choose-from-lang .what-popular-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
  }
  .choose-from-lang .what-popular-content p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.4px;
  } 
  .what-popular-content-p p {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.4px;
    margin-bottom: 26px;
  }
  .what-popular-content-p .btn {
    width: 405px;
    max-width: 100%;
    font-size: 14px;
  }
  .what-popular-content h2 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    padding: 0px 32px;
    margin-bottom: 30px;
   }
  .features-himg::after{
    right: -83px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card h2 {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 12px;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -43px;
    top: 4px;
    bottom: 0px;
    margin: auto;
 }
  .features-card-two h2 {
    color: #FAFAFA;
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 166%;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  .features-card-two h2 {
    color: #FAFAFA;
    font-family: "DM Sans";
    font-size: 10px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1090px){
  .just-three-simple .card p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin-bottom: 0px;
  }
  .just-three-simple .card h4 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 12px;
  }
  .just-three-simple .card {
    background: transparent;
    padding: 0px 6px 0px 80px;
    border: 0px;
  }
  .choose-from-lang .what-popular-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 39px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
  }
  .choose-from-lang .what-popular-content p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.4px;
  } 
  .what-popular-content-p p {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.4px;
    margin-bottom: 26px;
  }
  .what-popular-content h2 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    padding: 0px 32px;
    margin-bottom: 30px;
   }
   .what-popular-content-p .btn {
    width: 405px;
    max-width: 100%;
    font-size: 14px;
  }
  .features-himg::after{
    right: -83px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card h2 {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 15px;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -48px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1190px){
  .just-three-simple .card p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin-bottom: 0px;
  }
  .just-three-simple .card h4 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 12px;
  }
  .features-himg::after{
    right: -83px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card h2 {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 15px;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -57px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .why-choose-main .card {
    text-align: center;
    padding: 32px 20px;
    border-radius: 27px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .just-three-simple .card p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin-bottom: 0px;
  }
  .just-three-simple .card h4 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 12px;
  }
  .features-himg::after{
    right: -100px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card h2 {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 15px;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -60px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .why-choose-main .card {
    text-align: center;
    padding: 32px 20px;
    border-radius: 27px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1390px){
  .just-three-simple .card p {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    letter-spacing: 0.36px;
    margin-bottom: 0px;
  }
  .just-three-simple .card h4 {
    color: var(--Nuetral-Almost-White, #FAFAFA);
    font-family: "DM Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 12px;
  }
  .features-himg::after{
    right: -100px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card h2 {
    color: #9F0000;
    font-family: "DM Sans";
    font-size: 15px;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -63px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .why-choose-main .card {
    text-align: center;
    padding: 32px 20px;
    border-radius: 27px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1490px){
  .features-himg::after{
    right: -100px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card-two .features-himg::after {
    width: 24px;
    height: 24px;
    right: -73px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1600px){
  .features-himg::after{
    right: -113px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 1800px) and (max-width: 1920px){
  .features-himg::after{
    right: -130px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card-two .features-himg::after {
    right: -82px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 2000px) and (max-width: 2160px){
  .features-himg::after{
    right: -122px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card-two .features-himg::after {
    right: -82px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
@media only screen and (min-width: 2200px) and (max-width: 2880px){
  .features-himg::after{
    right: -122px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
  .features-card-two .features-himg::after {
    right: -82px;
    top: 4px;
    bottom: 0px;
    margin: auto;
  }
}
.additional-benifitts{
  padding: 88px 0px;
}
.card-box{
  display: flex;
  gap: 42px;
}
.card-box-1 .card{
  margin-bottom: 50px;
}
.card-box .card{
  border-radius: 27px;
  border: 1px solid #BEBEBE;
  background: var(--Accent-Red-Accent, #9F0000);
  width: 342px;
  padding: 32px;
  max-width: 100%;
}
.card-box h6{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "Sulphur Point";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 98%; /* 14.7px */
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}
.card-box h5{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 23px */
  text-transform: capitalize;
  margin-bottom: 12px;
}
.card-box p{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
  margin-bottom: 0px;
}
.card-body{
  padding: 0px;
}
.additional-benifits-content h2{
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 58.731px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.additional-benifits-content p{
  color: var(--Darker-Grey, #151515);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  letter-spacing: 0.36px;
  margin-bottom: 24px;
}
.additional-benifits-content div{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.additional-benifits-content .btn-red{
  background: #9F0000;
  color: #EAEAEA;
  padding: 12px 24px;
  width: 193px;
  height: 54px;
}
.additional-benifits-content .btn-white-border{
  border-radius: 60px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: rgba(255, 255, 255, 0.40);
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  height: 54px;
  width: 246px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  margin-left: 16px;
}
.btn-white-border{
  border-radius: 60px;
  border: 1px solid var(--Nuetral-Stroke, #BEBEBE);
  background: rgba(255, 255, 255, 0.40);
  color: var(--Accent-Red-Accent, #9F0000);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  height: 54px;
  width: 246px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
}
.discover-benifits{
  height: 471px;
  padding: 120px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discover-benifit-content h2{
  font-family: DM Sans;
  font-size: 49px;
  font-weight: 700;
  line-height: 49px;
  text-align: center;
  color: #FAFAFA;
  margin-bottom: 24px;
}
.discover-benifit-content p{
  font-family: DM Sans;
  font-size: 18px;
  font-weight: 400;
  line-height: 20.16px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #EAEAEA;
  margin-bottom: 32px;
}
.discover-benifit-content{
  display: flex;
  width: 870px;
  max-width:100%;
  height: 337px;
  padding: 0px 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin: auto;
  background: var(--Accent-Red-Accent, #9F0000);
  border-radius: 27px;
}
.discover-benifit-content .btn-white{
  border-radius: 60px;
  background: #FAFAFA;
  color: #9F0000;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 24px 12px;
  width: 155px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.btn-white{
  border-radius: 60px;
  background: #FAFAFA;
  color: #9F0000;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 166%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 24px 12px;
  width: 155px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 700px) and (max-width: 880px){
  .additional-benifits-content{
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 998px){
  .additional-benifits-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 42.731px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 24px;
  }
  .card-box .card {
    border-radius: 27px;
    border: 1px solid #BEBEBE;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 280px;
    padding: 32px;
    max-width: 100%;
  }
  .card-box {
    display: flex;
    gap: 20px;
  }
  .additional-benifits-content .btn{
    font-size: 12px;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1090px){
  .additional-benifits-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 42.731px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 24px;
  }
  .card-box .card {
    border-radius: 27px;
    border: 1px solid #BEBEBE;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 280px;
    padding: 32px;
    max-width: 100%;
  }
  .card-box {
    display: flex;
    gap: 25px;
  }
  .additional-benifits-content .btn{
    font-size: 15px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1190px){
  .additional-benifits-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 42.731px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 24px;
  }
  .card-box .card {
    border-radius: 27px;
    border: 1px solid #BEBEBE;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 280px;
    padding: 32px;
    max-width: 100%;
  }
  .card-box {
    display: flex;
    gap: 25px;
  }
  .additional-benifits-content .btn{
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .additional-benifits-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 52.731px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 24px;
  }
  .card-box .card {
    border-radius: 27px;
    border: 1px solid #BEBEBE;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 293px;
    padding: 32px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1390px){
  .additional-benifits-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 52.731px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 24px;
  }
  .card-box .card {
    border-radius: 27px;
    border: 1px solid #BEBEBE;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 293px;
    padding: 32px;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1490px){
  .additional-benifits-content h2 {
    color: var(--Accent-Red-Accent, #9F0000);
    font-family: "DM Sans";
    font-size: 52.731px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 24px;
  }
  .card-box .card {
    border-radius: 27px;
    border: 1px solid #BEBEBE;
    background: var(--Accent-Red-Accent, #9F0000);
    width: 312px;
    padding: 32px;
    max-width: 100%;
  }
}
/* ---------------------------------------footer------------------------------- */
.footer{
  background: url(../image/footer-main-bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: -1;
  padding: 40px 40px;
}
.col-container-bg{
  background: url(../image/footer-img-bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 64px 0px 32px;
}
.footer .bg-image {
  top: 0;
  left: 0;
  width: 95%;
  height: 342px;
  max-height: 342px;
  z-index: -11;
  max-width: 100%;
  margin: auto;
  right: 0;
  bottom: 0px;
}
.footer-box h5{
  color: var(--Nuetral-Almost-White, #FAFAFA);
  font-family: "DM Sans";
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 24px;
}
.footer-box li{
  list-style: none;
  margin-bottom: 24px;
}
.footer-box p{
  color: var(--Nuetral-Light-Gray, #EAEAEA);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%; /* 20.16px */
  letter-spacing: 0.36px;
}
.footer-box ul{
  padding-left: 0px;
}
.footer-menu-two{
  padding-left: 0px;
  column-count: 2;
}
.footer-logo{
  margin-bottom: 32px;
}
.footer-box li a{
  color: var(--Nuetral-Light-Gray, #EAEAEA);
  font-family: "DM Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.39px;
  text-transform: uppercase;
}
.col-border-top p {
  color: var(--Nuetral-Almost-White, #FAFAFA);
  text-align: left;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
  letter-spacing: 0.36px;
}
.col-border-top {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 2px solid #fafafa3d;
}

.footer-social{
  width: 60px;
  max-width: 100%;
  display: flex;
  gap: 15px;
  float: right;
}
@media only screen and (min-width: 1000px) and (max-width: 1090px){
  .col-container-bg {
    background-size: cover;
    background-position: center center;
    padding: 48px 32px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1190px){
  .col-container-bg {
    background-size: cover;
    background-position: center center;
    padding: 48px 32px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .col-container-bg {
    background-size: cover;
    background-position: center center;
    padding: 48px 32px;
  }
}