.carousel{
  width:84%;
  margin:0px auto;
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
}
.slick-prev, .slick-next{
  background: #000;
  border-radius: 15px;
  border-color: transparent;
}
.card {
    border: none!important;
    box-shadow: none!important;
}
.card-header1 {
    padding: 0!important;
    margin-bottom: 0;
    color: none;
    background-color:transparent;
    border-bottom: none;
}
.slick-list{
  padding:0px!important;
}
.modal {
     display: none; 
     position: fixed;
     z-index: 1000000;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 0%)
 }

 .modal-content {
    background-color: #fff;
    margin: 0% auto;
    padding: 15px;
    width: 100%;
    text-align: center;
    border-radius: 20px;  
 }
 .modal-header{
    border-bottom: none;
    position: absolute;
    top: 0px;
    right: 0;
    background: #6c757d94;
    border-radius: 38px;
    width: 45px;
    z-index: 10;
    height: 45px;
 }
 .modal-body img{
  border-radius: 10px;
    margin-bottom: 15px;
 }
 .btn-close{
    right: 3px;
    position: relative;
 }

 .close {
    float: right;
    font-size: 28px;
    cursor: pointer;
    color: #9c205f;
    font-weight: bold;
    position: absolute;
    right: 32%;
    background: white;
    padding: 5px;
 }
 .modal-body form{
  margin-bottom: 0px!important;
 }
      h1{
        font-size: 45px;
      }
      h2{
        font-size: 29px;
      }
      h3{
        font-size: 26px;
      }
    .desktop{
      display:block;
    }
    .mobile{
      display:none;
    }
    .mobile-break {
        display: none;
    }
    .banner-image{
      width: 100%;
            object-fit: cover;
            display: flex;
            aspect-ratio: 3 / 1;
    }
    .edge-landing{
      margin: 40px 0;
    }
    .edge-landing img{
      border-radius:15px;
    }
    .list-item{

    }
    .list-item p{
      padding: 0px 3px 5px 25px;
      margin-bottom: 10px;
    }
    .list-item p svg{
      left: 15px;
        position: absolute;
    }
    .get-brouchure{
      background: #25c2f3;
      border: none;
      color: #fff;
      padding: 7px 20px;
      margin: 20px auto 0px;
      display: block;
      border-radius: 5px;
      text-align: center;
      width: 20%;
    }
    .get-brouchure:hover{
      color: #fff;
    }
    iframe{
      height: 85vh;
            border-radius: 15px;
    }
    .iframe-text{
      position: relative;
        bottom: 85px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        width: 30%;
        color: #01adf7 !important;
        margin: auto;
        border-radius: 60px 0px 60px 0px;
        font-size: 30px;
    }
    .iframe-text p{
      margin-bottom: 0px;
      padding:10px;
    }
    .accordion {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .accordion__item {
        border: 1px solid #e5f3fa;
        border-radius: 10px;
        overflow: hidden;
    }

    .accordion__header {
    padding: 20px 25px;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }

    .accordion__header::after {
        content: '';
        background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
        width: 20px;
        height: 20px;
        transition: .4s;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1;
    }

    .accordion__header.active {
        background: #e5f3fa;
    }

    .accordion__header.active::after {
        transform: rotateX(180deg);
    }

    .accordion__item .accordion__content {
        padding: 0 25px;
        max-height: 0;
        transition: .5s;
        overflow: hidden;
    }
    .accordion__content p{
      margin-bottom:16px;
    }
    .accordion__content p:first-child {
      margin-top: 15px;
    }
    .youtube-height{
      height:85vh;
    }
    .background-image {
        position: relative;
        /*background: url(../images/comercial-elevation-photo.jpeg) center center/cover no-repeat;*/
        height: 100vh;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff; 
        background: #04b9f1;
    }

    .background-image::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgb(0 0 0 / 13%)
        border-radius: 15px;
        z-index: 1;
    }
    .background-image .content,
    .background-image form {
        position: relative;
        z-index: 2;
        color: #fff;
    }

    .background-image form {
        background: rgba(255, 255, 255, 0.95);
        color: #000;
        padding: 0px;
        border-radius: 10px;
        max-width: 400px;
        width: 100%;
        margin-bottom: 0;
    }

    .form-design{
      background: #fff;
        width: 60%;
        margin: 15% auto;
        padding: 20px;
        border-radius: 15px;
    }
    .form-design input, select{
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .form-design h3{
      text-align: center;
      margin-bottom: 0px;
    }
    .submit-btn{
      margin-bottom: 10px;
    }
    .submit-button{
      background: #04b9f1;
        color: #fff;
        border: none!important;
        margin-top: 15px;
        width: 50%!important;
        margin: 15px auto 0;
        display: block;
    }
    .contact-section{
      display: flex;
            align-items: center;
    }
    .contact-text{
      padding-left:5%;
    }
    .contact-text h3{
      color:#000;
    }
    .contact-text p{
      color:#000;
    }
    .selldof .title {
        display: none!important;
    }
        .selldof .btn, .sell_do_ctc_btn, .selldof .btn, .sell_do_verify_btn {
          width: 100%!important;
        margin: auto!important;
        display: block!important;
        background: #04b9f1!important;
        color: #fff!important;
        border: none!important;
        }
        .footer-form{
          position: fixed;
          opacity: .9;
          bottom: -26px;
          width: 100%;
          background: #1e1e1e;
          z-index: 10;
        }
        .footer-form .sell_do_form_actual_container{
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .mobile-device-form{
          display: none;
        }
        .footer-form .selldof label.checkbox, .selldof label.radio {
    font-weight: 400;
    cursor: pointer;
    color: #fff;
}
.form-design .selldof .btn, .sell_do_ctc_btn, .selldof .btn, .sell_do_verify_btn{
  margin-top:25px!important;
}
.modal.show .modal-dialog {
    transform: none;
    margin-top: 5px;
}
.footer-form .selldof label {
    color:#fff;
}
    @media only screen and (max-width: 600px) {
    .desktop{
      display:none;
    }
    .footer-form {
        display: none;
    }
    .iframe-text {
        position: relative;
        bottom: 85px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        width: 100%;
        color: #01adf7 !important;
        margin: auto;
        border-radius: 60px 0px 60px 0px;
        font-size: 30px;
         }
         .form-design {
        background: #fff;
        width: 95%;
        margin: 15% auto;
        padding: 20px;
        border-radius: 15px;
    }
    .contact-text {
        padding-left: 5%;
        display: none;
    }
    .mobile{
      display:block;
    }
    .mobile-break {
          display: inline;
      }
      h1 {
          font-size: 35px;
          line-height: 47px;
          padding-bottom: 15px;
          padding-top: 25px;
      }
    h2 {
          font-size: 24px;
          line-height: 30px;
        }
    h3{
      font-size: 22px;
    }
    footer {
        margin-bottom: 0;
    }
    .edge-landing img {
        border-radius: 15px;
        margin-bottom: 25px;
    }
    .modal-content {
        background-color: #fff;
        margin: 20% auto;
        padding: 15px;
        width: 100%;
        text-align: center;
        border-radius: 20px;
    }
    .mobile-bottom{
      margin-bottom:15px;
    }
    .mobile-device-form{
      display: block;
    }
    .get-brouchure {
      background: #25c2f3;
      border: none;
      color: #fff !important;
      padding: 7px 20px;
      margin: 20px auto 0px;
      display: block;
      border-radius: 5px;
      text-align: center;
      width: 50%;
}
 }

@media only screen and (min-width: 1400px) {

        }
@media only screen and (min-width: 1600px){

        }