@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    font-family: Poppins, sans-serif;
}

.set-div-1 {
    width: 100%;
    position: relative;
}


.set-div-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
}

header ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 30px;
}

header ul li {
    list-style: none;
}

header ul li a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: all 0.4s ease-in-out;
}

header ul li a:hover {
    color: rgb(0, 253, 242);
}

header ul li a:hover::before {
    background-color: rgb(0, 253, 242);
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.set-div-5 {
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px;
    border-radius: 3px;
    width: 200px;
}

.set-div-5 svg {
    color: rgb(35, 49, 88);
}

.set-div-5 input {
    border: none;
    outline: none;
    background-color: transparent;
    width: 100%;
}

.set-div-5 input::placeholder {
    color: rgb(177, 177, 177);
    font-style: italic;
    font-weight: 300;
}

.set-active::before {
    background-color: #fff;
    content: "";
    height: 2px;
    width: 20px;
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.set-anker-1 {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    padding: 10px 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-radius: 3px;
    font-weight: 500;
    color: #fff !important;
}

.set-anker-1.bg-white {
    color: #233158 !important;
    background: none;
    background-color: rgba(0, 0, 0, 0);
}

.set-anker-1.bg-white:hover {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    color: #fff !important;
}

.set-div-11 a:hover,
.set-anker-1:hover,
.footer-div-1 a:hover {
    background: linear-gradient(90deg, rgb(0, 253, 242) 0%, rgb(0, 154, 147) 100%);

}

.set-yachts-1 .slider-nav {
    position: absolute;
    top: 26px;
    padding: 0;
    margin: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    text-align: right;
    width: 100px;
}

.set-yachts-1 .next-btn,
.set-yachts-1 .prev-btn {
    background: none;
    border: none;
    display: contents;
}


.set-img-1 {
    width: 80%;
}

.primary-font-color {
    color: #233158 !important;
}

.primary-text-color {
    color: #707070 !important;
}

.primary-text {
    font-weight: 300;
    font-size: 20px;
}

.primary-heading {
    font-weight: 275;
    font-size: 46px;
}

.set-div-6 h1,
.set-div-6 h2 {
    color: rgb(255, 255, 255);
    font-weight: 300;
}

.set-div-6 p {
    color: rgb(255, 255, 255);
    font-weight: 300;
}

.set-div-7 a {
    color: rgb(255, 255, 255);
    font-weight: 500;
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255);
    padding: 10px 40px;
    text-decoration: none;
}

.set-div-7 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: end;
}

.set-div-7 img {
    width: 40%;
}

.set-div-8 {
    display: flex;
    justify-content: space-between;
    padding: 35% 18% 0px;
    align-items: center;
}

.set-anker-2 {
    position: fixed;
    right: 0;
    bottom: 15px;
    z-index: 99999999;
}

.set-anker-2 img {
    width: 60%;
}

.set-div-10 img {
    width: 106%;
    position: relative;
}

.set-div-11 h1,
.set-div-11 h2 {
    color: rgb(35, 49, 88);
    font-weight: 200;
    font-size: 75px;
}

.set-div-11 p {
    color: #707070;
    font-weight: 300;
}

.set-div-11 a {
    color: rgb(255, 255, 255);
    font-weight: 500;
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    padding: 10px 40px;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
}

.set-row-1 {
    align-items: center;
}

.set-div-9 {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.set-img-2 {
    position: absolute;
    width: 30%;
    left: 0px;
    top: 0px;
    height: 80%;
}

.set-img-3 {
    position: absolute;
    width: 35%;
    right: 0px;
    bottom: 0px;
    height: 80%;
}

.set-div-12 {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    height: 100vh;
    width: 100%;
}

.set-div-13 h1,
.set-div-13 h2 {
    color: #fff;
    font-weight: 200;
    font-size: 75px;
}

.set-div-13 p {
    color: rgb(255, 255, 255);
    font-weight: 300;
}

.set-div-13 {
    text-align: center;
}

.responsiveSale .set-slider-div-1 img {
    width: 90%;
}

.set-slider-div-1 img {
    width: 95%;
}

.set-slider-div-1 {
    display: flex;
    justify-content: center;
}

.slick-prev,
.slick-next {
    font-weight: 100;
    color: rgb(255, 255, 255);
    top: 50%;
    position: absolute;
    background-color: transparent;
    border: none;
    z-index: 2;
    transform: translateY(-50%);
}

.responsiveSale .slick-prev {
    left: 15%;
}

.responsiveSale .slick-next {
    right: 15%;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.set-div-14 {
    background-color: rgb(255, 255, 255);
    height: 100vh;
    width: 100%;
    position: relative;
    padding: 3% 0 0 0;
}

.set-div-15 h1,
.set-div-15 h2 {
    color: rgb(35, 49, 88);
    font-weight: 300;
}

.set-div-15 p {
    color: rgb(35, 49, 88);
    font-weight: 300;
}

.set-div-15 {
    text-align: center;
}

.slider-img-1 img {
    width: 100%;
}

.slick-dots button {
    display: none;
}

ul.slick-dots {
    display: flex;
    gap: 20px;
    justify-content: center;
}

ul.slick-dots li {
    color: rgb(112, 112, 112);
}

.slick-active {
    color: rgb(35, 49, 88) !important;
}

.set-div-16 img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.set-footer-1 {
    background-image: url("../img/footerimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 80vh;
}

.footer-overlay {
    padding: 100px 0px;
    min-height: 80vh;
    width: 100%;
}

.fp-watermark {
    display: none !important;
}


.footer-div-1 h1,
.footer-div-1 h2 {
    color: rgb(255, 255, 255);
    font-weight: 300;
    font-size: 75px;
    line-height: 1.1;
}

.footer-div-1 a {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    padding: 10px 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-radius: 3px;
    font-weight: 500;
}

.footer-div-2 {
    border-left: 1px solid rgb(255, 255, 255, .4);
    border-right: 1px solid rgb(255, 255, 255, .4);
    padding: 0px 50px;
}

.footer-div-2 h5 {
    color: rgb(255, 255, 255);
    font-weight: 300;
    position: relative;
    padding-bottom: 17px;
    font-size: 26px;
}

.footer-div-2 h5::after {
    background-color: rgb(255, 255, 255);
    height: 1px;
    width: 40px;
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
}

.footer-div-2 ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-div-2 ul li {
    list-style: none;
}

.footer-div-2 ul li a {
    font-weight: 300;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.footer-div-2 ul li a:hover {
    color: rgb(0, 253, 242);
}

.footer-div-3 div a {
    font-weight: 300;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.footer-div-3 div {
    border: 1px solid rgb(255, 255, 255);
    padding: 10px 18px;
}

.footer-div-3 {
    display: flex;
    justify-content: space-around;
}

.set-row-2 .col-lg-4 {
    height: 100%;
}

.footer-div-4 {
    border: none;
}

.footer-div-5 {
    display: flex;
    align-items: end;
    gap: 20px;
}

.footer-div-5 div p {
    color: #fff;
    font-weight: 300;
    border-top: 1px solid rgba(255, 255, 255, .4);
    padding: 20px 0 0;
    width: 100%;
}

.footer-div-5 div img {
    width: 80%;
}

.footer-div-6 {
    width: 100%;
}

.set-header-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
}

.set-div-2 .container-fluid1 {
    position: relative;
}

.set-div-17 {
    background-image: url(../img/sec1.png);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.set-div-18 {
    background-image: url(../img/sec2.png);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.set-div-19 {
    background-image: url(../img/sec3.png);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.set-div-20 {
    background-image: url(../img/sec4.png);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-indicators {
    position: unset !important;
    margin: 0 !important;
}

.carousel-indicators [data-bs-target] {
    height: 8px;
    width: 8px;
    margin-right: 5px;
    margin-left: 5px;
    border: unset !important;
}

.carousel-indicators .active {
    height: 10px !important;
    width: 10px !important;
}

.set-div-11.set-1 {
    padding: 0 5% 20px 5%;
}

.set-div-11.set-2 {
    padding: 0 20px 0 0;
}

.set-slider-div-2 {
    padding: 0px 13%;
}

.slider-img-1 {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    margin: 10px;
}

.slider-img-1 img {
    border-radius: 10px;
}

.slick-list.draggable {
    margin-bottom: 1rem;
}

.responsive-button {
    display: none;
}

.set-arrow-img {
    width: 60px !important;
}

.responsiveSale .set-arrow-img {
    /* width: 120px !important; */
}
.d-sm-none { display: block !important;  }

#fullPage .section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100vh;
    position: fixed;
    width: 100%;
    transform: translateY(0vh);
    transition: all 1.2s cubic-bezier(0.22, 0.44, 0, 1);
    background-color: #fff;
}

#fullPage .section:first-child {
    transform: translateY(0vh);
}

#fullPage .section.up-scroll {
    transform: translate3d(0, -100vh, 0);
}

#fullPage .section.down-scroll {
    transform: translate3d(0, -100vh, 0);
}

#fullPage .section {
    display: block;
}

#fullPage .section:nth-child(1) {
    z-index: 6;
}

#fullPage .section:nth-child(2) {
    z-index: 5;
}

#fullPage .section:nth-child(3) {
    z-index: 4;
}

#fullPage .section:nth-child(4) {
    z-index: 3;
}

#fullPage .section:nth-child(5) {
    z-index: 2;
}

#fullPage .section:nth-child(6) {
    z-index: 1;
}

.section.yatch-gallery {
    display: none;
    height: 100vh;
    width: 100%;
}

.iframeh100 iframe {
    display: flex;
    width: 100%;
    height: 70vh;

}

.set-yachts-1 .active,
.yatch-gallery.active {
    display: block !important;
}

.hide {
    display: none !important;
}

.yacht-for-charter h2 {
    font-size: 4rem;
    font-weight: 200 !important;
}

.yacht-for-charter-carousel h2 {
    font-weight: 200 !important;
    font-size: 2rem;
}

.yacht-for-charter-description h2 {
    font-weight: 200 !important;
    font-size: 2.5rem;
    margin-bottom: 15px !important;
}

.yacht-for-charter-video .ult-video {
    margin: 0px !important;
}

.yacht-for-charter-book-now h2 {
    font-weight: 200 !important;
    font-size: 3rem;
    line-height: 2rem !important;
}

.set-yachts-form .form-group input {
    outline: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #BABABA;
    padding-bottom: 1.5rem;
    width: 100%;
}

.set-yachts-form .form-group input::placeholder {
    color: #BABABA;
}

.set-yachts-form .form-group select {
    outline: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #BABABA;
    padding-bottom: 1.7rem;
    width: 100%;
    color: #BABABA;
}

.set-yachts-form .form-group select option {
    color: #BABABA;
}

.set-yachts-form .form-group textarea {
    outline: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #BABABA;
    padding-bottom: 1.5rem;
    resize: none;
    height: 100px;
    width: 100%;
}

.set-yachts-form .form-group textarea::placeholder {
    color: #BABABA;
}

.set-yachts-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    padding: 10px 20px !important;
    color: rgb(255, 255, 255);
    text-decoration: none;
    border-radius: 3px;
    font-weight: 500;
    width: 100%;
    border: none !important;
    margin-top: 1rem;
}

.set-yachts-1 {
    width: 100%;
    min-height: 100vh;
    display: flex;
    background-color: #233158;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.set-yachts-1 .slide {
    display: none;
}

.accordion-button:not(.collapsed) {
    background-color: #233158 !important;
    color: #fff;
}

.accordion-button {
    background-color: #EEEEEE !important;
    color: #233158;
}

.accordion-button:focus {
    border: none !important;
    box-shadow: none;
}

.what-made-us-unique-imgs h2 {
    font-size: 70px;
    margin-bottom: 20px;
}

.founder-n-ceo,
.founder-n-managing-director {
    font-weight: 200;
    font-size: 1.7rem;
}

/*New Style*/
body {
    line-height: 1.7;
}

a,
.btn {
    outline: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn {
    padding: 10px 30px;
    font-weight: 500;
    border-radius: 3px;
}

.btn-white-outline {
    border: 1px solid #fff;
    color: #fff;
}

.btn-white-outline:hover,
.btn-white-outline:focus {
    background-color: #fff;
    color: #009A93;
}

.mainSlider,
.mainSlider .fp-overflow,
.mainSlider .carousel-inner,
.mainSlider .carousel-item {
    height: 100%;
}

.mainSlider .carousel-item {
    background: center center no-repeat #ddd;
    background-size: cover;
}

.mainSlider .carousel-item .slider-cont {
    color: #fff;
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translatex(-50%);
    padding: 0 20px;
    width: 100%;
    max-width: 900px;
}

.mainSlider .carousel-item .slider-cont h2 {
    font-weight: 200;
    font-size: 43px;
}

.mainSlider .carousel-item .slider-cont p {
    font-weight: 200;
    font-size: 25px;
}

.mainSlider .slider-btns {
    padding: 10px 0;
}

.mainSlider .slider-btns button {
    border: 0;
    background-color: #fff;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    opacity: .6;
    display: inline-block;
    margin-left: 5px;
    padding: 0;
}

.mainSlider .slider-btns button.active {
    opacity: 1;
}

.site-footer {
    background: url(../img/footerimg.png) 0 0 no-repeat #ddd;
    background-size: cover;
    padding: 50px 0;
    min-height: 80vh !important;
}

.social-media a {
    border: 1px solid rgb(255, 255, 255);
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    margin-right: 3px;
}

.social-media a:hover {
    background-color: #fff;
    color: #000;
}

/* Yatch for Sale / Charter Second section CSS */
.set-indicators-1.carousel-indicators {
    position: unset !important;
    display: unset !important;
    justify-content: unset !important;
    padding: unset !important;
    margin-right: unset !important;
    margin-bottom: unset !important;
    margin-left: unset !important;
}

.set-slide-btn-1 {
    width: 100% !important;
    height: 100% !important;
    padding: unset !important;
    margin: unset !important;
}

.set-indicators-1.carousel-indicators [data-bs-target] {
    box-sizing: unset !important;
    flex: unset !important;
    width: unset !important;
    height: unset !important;
    padding: unset !important;
    margin-right: unset !important;
    margin-left: unset !important;
    text-indent: unset !important;
    cursor: unset !important;
    background-color: unset !important;
    background-clip: unset !important;
    /* border: unset !important; */
    /* border-top: unset !important; */
    /* border-bottom: unset !important; */
    opacity: unset !important;
    transition: unset !important;
    border: 5px solid transparent;
}

.set-slide-btn-1 button img {
    width: 100%;
}

.set-slider-image-1 {
    width: 100%;
}

.set-row-slider .col-lg-3 {
    padding: 5px;
}

.set-row-slider {
    padding-left: 7px;
    padding-right: 7px;
}

.set-slider-sec-1 {
    background-color: #233158;
    padding: 100px 0;
}

.set-div-slider-1 h2 {
    color: #fff;
    font-weight: 300;
    font-size: 2.5rem;
}

.set-div-slider-2 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.set-div-slider-2 p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 200;
    background-color: #3F4E79;
    padding: 5px 10px;
}

.set-div-slider-2 p span {
    font-weight: 500;
}

.set-div-slider-3 h5 {
    color: #fff;
    font-weight: 500;
}

.set-div-slider-3 p {
    margin: 0;
    padding: 10px 0 5px;
    color: #fff;
    font-weight: 200;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
}

.set-div-slider-3 p span {
    font-weight: 500;
}

.set-div-slider-4 button {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    padding: 10px 20px;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    border: none;
    outline: none;
    font-weight: 500;
    width: 100%;
}

.slider-p-1 {
    color: #fff;
    font-weight: 300;
}

.set-div-slider-5 p:nth-child(1) {
    margin: 0;
    padding: 15px;
    color: #fff;
    font-weight: 300;
    background-color: #3F4E79;
    width: 100%;
}

.set-div-slider-5 p:nth-child(2) {
    margin: 0;
    padding: 15px;
    color: #233158;
    font-weight: 700;
    background-color: #ffffff;
    width: 100%;
}

.set-div-slider-5 {
    display: flex;
    align-items: center;
    width: 100%;
}

.set-div-slider-6 h4 {
    color: #fff;
    font-weight: 300;
    margin: 0;
}

.set-div-slider-6 h2 {
    background: #009A93;
    background: linear-gradient(to right, #009A93 0%, #00FDF2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 50px;
}

.set-div-slider-6 h2 span {
    background: #ffffff;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 500;
}

.set-div-slider-7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #3F4E79;
    padding: 30px 15px;
    padding-right: 15px;
    padding-right: 30px;
}

.set-div-slider-8 button {
    background: linear-gradient(90deg, rgb(0, 154, 147) 0%, rgb(0, 253, 242) 100%);
    padding: 15px 20px;
    color: rgb(255, 255, 255);
    border-radius: 2px;
    border: none;
    outline: none;
    font-weight: 500;
    width: 100%;
}

.set-slide-btn-1 button.active {
    border: 5px solid #fff !important;
}

.search-result {
    font-size: 4rem;
}
.search-result-heading{
    font-weight: 300;
    font-size: 3rem;
}
.search-result-text{
    font-weight: 200;
    font-size: 1.5rem;
    color: #707070;
}
.search-read-more-btn{
    font-weight: 200;
    font-size: 1rem;
}
.search-banner{
    background-image: url(https://hyperyachting.com/wp-content/uploads/2024/02/Banner-Terms.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 320px) and (max-width: 529px) {
    .contact-information-circle-text {
        padding-top: 0.5rem;
    }

    .ceo-message h2 {
        text-align: left;
    }

    .responsiveSale .slick-next {
        right: 10%;
    }

    .responsiveSale .slick-prev {
        left: 10%;
    }

    .footer-logo {
        text-align: center;
    }

    .footer-div-2 ul li a {
        font-size: 0.9rem;
    }

    .set-footer-1 {
        background-position: center;
    }

    .set-new-sec2 {
        padding: 50px 0;
    }

    .set-new-sec2 h2 {
        padding-bottom: 1rem;
    }

    #wpcf7-f1706-p489-o1 .col-md-12 p,
    #wpcf7-f2014-p2028-o1 .col-md-12 p {
        margin-bottom: 0px !important;
    }

    .set-div-13 button {
        padding: 8px 00px;
        width: 100%;
        font-size: 0.9rem;
    }

    .set-slider-sec-1,
    .set-slider-sec-1 .slider-row-1 {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .set-slider-sec-1 .container {
        padding-bottom: 3rem;
    }

    .contact-information-circle {
        padding-top: 1.5rem;
    }

    .contact-information .wpb_content_element {
        margin-bottom: 0px !important;
    }

    .contact-us-form .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1707944306633.vc_row-has-fill.vc_column-gap-35 {
        margin-left: 15px !important;
        margin-right: 15px !important;
        border-radius: 10px;
    }

    .set-custom-input .vc_column-inner {
        padding-top: 0px !important;
    }

    .lets-get-in-touch h2 {
        font-size: 3rem;
        line-height: 3rem !important;
    }

    .founder-n-ceo,
    .founder-n-managing-director, .search-result-heading {
        font-size: 1.5rem;
    }

    .founder-ceo h2,
    .managing-director h2 {
        font-size: 3rem;
    }

    .mission-vision-row,
    .founder-ceo,
    .managing-director,
    .ceo-message {
        padding-top: 0px !important;
        padding-bottom: 40px !important;
    }

    .embark-on-our-journey-img {
        margin-top: 3rem;
    }

    .dear-customer h3 {
        margin-bottom: 1rem !important;
    }

    .sketching-the-future-img {
        padding-top: 1rem;
    }

    .about-factory-img-gallery h2 {
        padding-bottom: 1rem !important;
    }

    .what-made-us-unique {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .embark-on-our-journey {
        padding-top: 0em !important;
        padding-bottom: 1em !important;
    }

    .set-yachts-1 .slider-nav {
        top: 0px;
    }

    .set-yachts-1 .slider-nav img {
        height: 40% !important;
        width: 40% !important;
    }

    .set-yachts-1 h5 {
        letter-spacing: 8px !important;
        font-size: 1rem;
    }

    .made-us-unique,
    .contact-information {
        padding-top: 0rem !important;
        padding-bottom: 2rem !important;
    }

    .yachts h2,
    .about-factory h2,
    .about-us-heading h2,
    .contact-us-heading h2,
    .yacht-for-sale-heading h2,
    .yacht-for-charter h2,
    .configurator-heading h2,
    .search-result {
        font-size: 2.5rem;
    }

    .made-us-unique h2,
    .set-yachts-1 h2,
    .what-made-us-unique h2,
    .what-made-us-unique-imgs h2,
    .about-factory-img-gallery h2,
    .embark-on-our-journey h2,
    .mission-vision-row h2,
    .ceo-message h2,
    .contact-information h2,
    .set-div-slider-1 h2,
    .diagram-view-slider h2,
    #orderNowForm h2 {
        font-size: 2rem !important;
    }

    .uvc-sub-heading,
    .set-yachts-1 div.primary-text,
    .set-yachts-div-2 a,
    .embark-on-journey-heading-content,
    .mission-vision-row-content,
    .founder-ceo-content,
    .managing-director-content,
    .ceo-message-content,
    .set-table-1 td,
    .set-table-1 th,
    .slider-p-1,
    .set-div-slider-5 p,
    .what-we-offer p,
    .set-yachts-form input.wpcf7-form-control.wpcf7-submit.has-spinner,
    .set-con-div-3 p,
    .set-con-div-4 p,
    .set-con-div-7 button, .search-result-text, .search-read-more-btn {
        font-size: 0.9rem !important;
    }

    .vc_empty_space {
        height: 100px !important;
    }

    .set-arrow-img {
        width: 50px !important;
    }

    .set-div-13 h1,
    .set-div-13 h2 {
        font-size: 45px;
    }

    .responsive-button {
        display: unset !important;
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        outline: none;
        padding: 5px 10px;
        margin: 0;
    }

    .set-img-1 {
        width: 50%;
    }

    .set-ul-1 {
        position: absolute;
        flex-direction: column;
        left: 0;
        top: -600%;
        width: 100%;
        background: #000;
        padding: 50px 0 !important;
        transition: top 0.4s ease-in-out;
    }

    .mystyle {
        top: 100%;
        transition: top 0.4s ease-in-out;
        height: 100vh;
    }

    .set-active::before {
        top: 100%;
    }

    .set-div-8 {
        padding: 50% 10%;
        flex-direction: column;
        gap: 50px;
        align-items: end;
    }

    .set-div-6 h1 .d-block,
    .set-div-6 h2 .d-block {
        display: unset !important;
    }

    .set-div-6 h1,
    .set-div-6 h2 {
        font-size: 40px;
    }

    .set-img-2 {
        height: 30%;
    }

    .set-div-11 h1,
    .set-div-11 h2 {
        font-size: 45px;
    }

    p {
        font-size: 15px !important;
    }
    
    .set-div-13 p {
        padding: 0 2px 20px 2px;
    }

    .set-div-11.set-1 {
        padding: 20px 5% 50px 5%;
    }

    .set-div-11 a {
        font-size: 15px;
    }

    .set-div-11 p {
        margin-bottom: 1rem !important;
    }

    .set-div-11.set-2 {
        padding: 20px 5% 50px 5%;
    }

    .set-img-3 {
        width: 35%;
        height: 30%;
        bottom: 0;
        top: unset;
    }

    .set-div-15 p {
        padding: 0 20px;
    }

    .set-div-15 h2 {
        font-size: 40px;
    }

    .set-div-14 {
        padding: 20% 0 20% 0;
    }
    
   
    

    .footer-div-1 h1,
    .footer-div-1 h2 {
        font-size: 25px;
        /* line-height: 1; */
        /* margin-bottom: 1rem !important; */
    }

    .footer-div-1 h1 span,
    .footer-div-1 h2 span {
        display: unset !important;
        margin-bottom: 1rem !important;
    }

    .footer-div-1 a {
        font-size: 12px;
    }

    .footer-div-2 {
        padding: 50px 0px 0px 0px;
        border: none;
    }

    .footer-div-2 h5 {
        padding-bottom: 5px;
        font-size: 20px;
        margin-bottom: 1rem !important;
    }

    .footer-div-2 ul {
        gap: 5px;
    }

    .site-footer {
        padding: 80px 0 !important; 
        background-position: center center;
    }

    .social-media a {
        font-size: 12px !important;
        width: 35px !important;
        height: 35px !important;
    }

    .footer-div-2.footer-div-4 ul {
        margin-bottom: 1rem !important;
    }

    .footer-div-5.mt-5 {
        margin-top: 1rem !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 424px) {}

@media only screen and (min-width: 414px) and (max-width: 425px) {}

@media only screen and (min-width: 425px) and (max-width: 529px) {}

@media only screen and (min-width: 530px) and (max-width: 767px) {
    .set-arrow-img {
        width: 20px !important;
    }

    .set-div-13 h1,
    .set-div-13 h2 {
        font-size: 32px;
    }

    .responsive-button {
        display: unset !important;
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        outline: none;
        padding: 5px 10px;
        margin: 0;
    }

    .set-img-1 {
        width: 50%;
    }

    .set-ul-1 {
        position: absolute;
        flex-direction: column;
        left: 0;
        top: -600%;
        width: 100%;
        background: #000;
        padding: 50px 0 !important;
        transition: top 0.4s ease-in-out;
    }

    .mystyle {
        top: 130%;
        transition: top 0.4s ease-in-out;
    }

    .set-active::before {
        top: 100%;
    }

    .set-div-8 {
        padding: 50% 10%;
        flex-direction: column;
        gap: 50px;
        align-items: end;
    }

    .set-div-6 h1 .d-block,
    .set-div-6 h2 .d-block {
        display: unset !important;
    }

    .set-div-6 h1,
    .set-div-6 h2 {
        font-size: 40px;
    }

    .set-img-2 {
        height: 30%;
    }

    .set-div-11 h1,
    .set-div-11 h2 {
        font-size: 32px;
    }

    p {
        font-size: 12px !important;
    }

    .set-div-11.set-1 {
        padding: 0 0 20px 0;
    }

    .set-div-11 a {
        font-size: 12px;
    }

    .set-div-11 p {
        margin-bottom: 1rem !important;
    }

    .set-div-11.set-2 {
        padding: 0px 0% 10px 0;
    }

    .set-img-3 {
        width: 35%;
        height: 40%;
        bottom: 0;
        display: none;
    }

    .set-div-15 p {
        padding: 0 20px;
    }

    .set-div-14 {
        padding: 25% 0 0 0;
    }

    .footer-div-1 h1,
    .footer-div-1 h2 {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 1rem !important;
    }

    .footer-div-1 h1 span,
    .footer-div-1 h2 span {
        display: unset !important;
        margin-bottom: 1rem !important;
    }

    .footer-div-1 a {
        font-size: 12px;
    }

    .footer-div-2 {
        padding: 10px 0px;
        border: none;
    }

    .footer-div-2 h5 {
        padding-bottom: 5px;
        font-size: 20px;
        margin-bottom: 1rem !important;
    }

    .footer-div-2 ul {
        gap: 5px;
    }

    .site-footer {
        padding: 10px 0 !important;
    }

    .social-media a {
        font-size: 12px !important;
        width: 35px !important;
        height: 35px !important;
    }

    .footer-div-2.footer-div-4 ul {
        margin-bottom: 1rem !important;
    }

    .footer-div-5.mt-5 {
        margin-top: 1rem !important;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px) {}

@media only screen and (min-width:992px) and (max-width: 1199px) {
    header ul li a {
        font-size: 12px;
    }

    .set-anker-1 {
        padding: 10px;
        font-size: 12px;
    }

    .set-div-5 {
        font-size: 12px;
        width: 150px;
    }

    .set-img-1 {
        width: 60%;
    }

    .set-active::before {
        width: 20px;
    }

    .set-div-8 {
        padding: 38% 10% 0px;
    }

    .set-div-11 h1,
    .set-div-11 h2 {
        font-size: 40px;
    }

    .set-div-11 p {
        font-size: 12px;
    }

    .set-div-11 a {
        font-size: 12px;
    }

    .set-div-11.set-1 {
        padding: 0 0 20px 0;
    }

    .set-div-11.set-2 {
        padding: 0 10% 0 0;
    }

    .footer-overlay {
        padding: 50px 0;
    }

    .footer-div-3 div {
        padding: 5px 10px;
    }

    .footer-div-1 h1,
    .footer-div-1 h2 {
        font-size: 55px;
    }

    .footer-div-1 a {
        font-size: 12px;
    }

    .footer-div-2 ul li a {
        font-size: 14px;
    }

    .site-footer {
        padding: 10px 0 !important;
    }

    .social-media a {
        width: 40px !important;
        height: 40px !important;
        margin-right: 2px !important;
    }

    .set-div-13 h1,
    .set-div-13 h2 {
        font-size: 40px;
    }

    .set-arrow-img {
        width: 40px !important;
    }
}

@media only screen and (min-width:1260px) and (max-width: 1365px) {
    .set-div-8 {
        padding: 48% 18% 0px;
    }

    .footer-overlay {
        padding: 15% 0 0;
    }

    .set-div-5 {
        width: 200px;
    }
}

@media only screen and (min-width:1366px) and (max-width: 1439px) {}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .set-img-1 {
        width: 100%;
    }

    .set-div-6 h1,
    .set-div-6 h2 {
        font-size: 50px;
    }

    .set-div-8 {
        padding: 48% 14% 0px;
    }

    .set-div-13 {
        padding-top: 5rem !important;
        padding-bottom: 2rem !important;
    }

    .set-div-13 h1,
    .set-div-13 h2 {
        font-size: 75px;
    }

    .set-div-15 h1,
    .set-div-15 h2 {
        font-size: 50px;
    }

    .set-div-14 {
        padding: 10% 0 0 0;
    }

    .footer-overlay {
        padding: 15% 0 0;
    }

    .footer-div-5 {
        margin-top: 6rem !important;
    }

    .set-div-5 {
        width: 200px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .set-img-1 {
        width: 100%;
    }

    .set-div-6 h1,
    .set-div-6 h2 {
        font-size: 50px;
    }

    .set-div-8 {
        padding: 42% 16% 0px;
    }

    .set-div-13 h1,
    .set-div-13 h2 {
        font-size: 75px;
    }

    .set-div-15 h1,
    .set-div-15 h2 {
        font-size: 75px;
    }

    .set-div-14 {
        padding: 10% 0 0 0;
    }

    .footer-div-5 {
        margin-top: 6rem !important;
    }

    .set-div-5 {
        width: 200px;
    }
}

@media only screen and (min-width: 1680px) and (max-width: 1919px) {
    .set-div-8 {
        padding: 49% 18% 0px;
    }

    .set-div-5 {
        width: 200px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2100px) {
    .set-img-1 {
        width: 100%;
    }

    header ul li a {
        font-size: 18px;
        margin-left: 20px;
    }

    .set-anker-1 {
        font-size: 18px;
    }

    .set-div-5 {
        font-size: 18px;
        width: 220px;
    }

    header ul {
        gap: 30px;
    }

    .set-div-6 h1,
    .set-div-6 h2 {
        font-size: 75px;
    }

    .set-div-6 p {
        font-size: 18px;
    }

    .set-div-7 a {
        font-size: 18px;
    }

    .carousel-indicators .active {
        height: 12px !important;
        width: 12px !important;
    }

    .carousel-indicators [data-bs-target] {
        height: 10px;
        width: 10px;
    }

    .set-div-8 {
        padding: 42% 18% 0px;
    }

    .set-div-11 h1,
    .set-div-11 h2 {
        font-size: 75px;
    }

    .set-div-11 p {
        font-size: 18px;
    }

    .set-div-11 a {
        font-size: 18px;
    }

    .set-img-2 {
        width: 35%;
        height: 65%;
    }

    .set-div-11.set-1 {
        padding: 0 0 20px 0;
    }

    .set-div-11.set-2 {
        padding: 0 20% 0 0;
    }

    .set-img-3 {
        width: 35%;
        height: 65%;
    }

    .set-div-13 h1,
    .set-div-13 h2 {
        font-size: 75px;
    }

    .set-div-13 p {
        font-size: 18px;
    }

    .set-div-13 {
        text-align: center;
        padding-top: 5rem !important;
        padding-bottom: 3rem !important;
    }

    img.set-arrow-img {
        width: 60px;
    }

    .set-div-14 {
        padding: 10% 0 0 0;
    }

    .set-div-15 h1,
    .set-div-15 h2 {
        font-size: 75px;
    }

    .set-div-15 p {
        font-size: 18px;
    }

    .footer-div-1 h1,
    .footer-div-1 h2 {
        font-size: 70px;
    }

    .footer-div-1 a {
        font-size: 18px;
    }

    .footer-div-2 h5 {
        font-size: 22px;
    }

    .footer-div-2 ul li a {
        font-size: 18px;
    }

    .footer-div-3 div a {
        font-size: 18px;
    }

    .footer-div-5 div p {
        font-size: 18px;
    }

    .footer-div-5 {
        margin-top: 6rem !important;
    }

    .footer-overlay {
        padding: 15% 0 0;
    }
}

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

@media only screen and (min-width: 320px) and (max-width: 529px) {
    #fullPage .section {
        height: auto;
        position: relative;
    }
    #fullPage .section:nth-child(2) {
        height: 100vh;
    }

    #fullPage .section .set-div-14 {
        height: auto;
    }
    .section.yatch-gallery {
        height: auto;
    }
    #fullPage .section:nth-child(3) {
        margin-top: 20px;
    }

    .slider-row-1 {
        gap: 50px;
    }
    .set-div-9 { min-height: 80vh;  }
    #fullPage .set-div-15 { margin-top: -60px !important }
    #fullPage .set-div-16 { padding-bottom: 1em; } 
    .d-sm-none { display: none !important;  }

    .set-div-slider-5 p:nth-child(1) {
        padding: 15px 10px;
    }

    .set-div-slider-7 {
        padding: 30px 20px;
        flex-direction: row;
        gap: 20px;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px) {
    .set-div-slider-5 p:nth-child(1) {
        padding: 15px 10px;
    }

    .set-div-slider-7 {
        padding: 30px 20px;
        flex-direction: column;
        gap: 20px;
    }
}

body {
    overflow-x: hidden !important;
}


@media only screen and (min-width: 320px) and (max-width: 529px) {
    .footer-div-5 {
        top: 0%;
        position: relative;
    }

    .mainSlider .carousel-item .slider-cont {
        bottom: 25%;
    }

    .set-div-10 img {
        width: 95%;
        padding-left: 5%;
        padding-top: 15px;
    }

    ul.slick-dots {
        gap: 10px;
    }

    .d-flex.pt-5.row.set-row-2 {
        padding-top: 1rem !important;
    }

    .container.h-100.pt-5.animate__fadeInUp.animate__animated {
        padding-top: 0rem !important;
    }

    .footer-div-5 div p {
        padding: 5px 0 0;
        margin-bottom: 0px;
    }

    .vc_column-inner.vc_custom_1708004408489 {
        padding: 20px !important;
    }

    .vc_column-inner.vc_custom_1708004447585 {
        padding: 20px !important;
    }

    .vc_row.wpb_row.vc_row-fluid.about-factory-img-gallery.vc_custom_1708003969254.vc_row-has-fill.vc_row-no-padding.vc_row-o-content-middle.vc_row-flex.vc_general.vc_parallax.vc_parallax-content-moving {
        padding: 20px !important;
    }

    .footer-overlay {
        padding: 20px 0px;
    }

    body {
        overflow-x: hidden;
    }

    .vc_custom_1707855676686 {
        padding-right: 1em !important;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1707944306633.vc_row-has-fill.vc_column-gap-35 {
        padding: 0px !important;
    }

    img.set-yachts-div-3.w-60 {
        width: 100%;
        padding-top: 6rem;
    }
}

@media only screen and (min-width: 375px) and (max-width: 424px) {}

@media only screen and (min-width: 414px) and (max-width: 425px) {}

@media only screen and (min-width: 425px) and (max-width: 529px) {}

@media only screen and (min-width: 530px) and (max-width: 767px) {
    .vc_column-inner.vc_custom_1708004408489 {
        padding: 20px !important;
    }

    .vc_column-inner.vc_custom_1708004447585 {
        padding: 20px !important;
    }

    .vc_row.wpb_row.vc_row-fluid.about-factory-img-gallery.vc_custom_1708003969254.vc_row-has-fill.vc_row-no-padding.vc_row-o-content-middle.vc_row-flex.vc_general.vc_parallax.vc_parallax-content-moving {
        padding: 20px !important;
    }

    .footer-overlay {
        padding: 0px 0px;
        height: 100%;
    }

}

@media only screen and (min-width:768px) and (max-width: 991px) {
    header ul {
        gap: 10px;
        font-size: 10px !important;
    }

    .set-img-1 {
        width: 60%;
    }

    .set-div-5 {
        width: 100px;
    }

    .set-anker-1 {
        padding: 12px 5px;
    }

    .set-div-11 h2 {
        font-size: 30px;
    }

    .set-div-11 p {
        font-size: 10px;
    }

    .set-div-11 a {
        font-size: 10px;
    }

    .mb-5.animate__fadeInUp.animate__animated {
        margin-bottom: 1rem !important;
    }

    .set-div-14 {
        padding: 13% 0 0 0;
    }

    .footer-div-1 h2 {
        font-size: 30px;
    }

    .footer-div-2 {
        padding: 0px 10px;
    }

    .footer-div-2 h5 {
        font-size: 20px;
    }

    .container.h-100.pt-5.animate__fadeInUp.animate__animated {
        padding-top: 1rem !important;
    }

    .footer-div-2 ul li a {
        font-size: 12px;
    }

    .footer-div-2 ul {
        gap: 5px;
    }

    .social-media a {
        width: 30px;
        height: 30px;
    }

    .vc_column-inner.vc_custom_1708004408489 {
        padding: 20px !important;
    }

    .vc_column-inner.vc_custom_1708004447585 {
        padding: 20px !important;
    }

    .footer-overlay {
        height: 100%;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1707944306633.vc_row-has-fill.vc_column-gap-35 {
        padding: 0px !important;
    }

    .vc_custom_1707855676686 {
        padding-right: 3em !important;
    }

    img.set-yachts-div-3.w-60 {
        width: 100%;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199px) {
    .vc_column-inner.vc_custom_1708004408489 {
        padding: 20px !important;
    }

    .vc_column-inner.vc_custom_1708004447585 {
        padding: 20px !important;
    }

    .footer-overlay {
        height: 100%;
    }

    img.set-yachts-div-3.w-60 {
        width: 100%;
    }

    .container.h-100.pt-5.animate__fadeInUp.animate__animated {
        padding-top: 0rem !important;
    }

    .d-flex.pt-5.row.set-row-2 {
        padding-top: 0rem !important;
    }
}

@media only screen and (min-width:1260px) and (max-width: 1365px) {}

@media only screen and (min-width:1366px) and (max-width: 1439px) {
    .site-footer {
        padding: 0px 0;
    }

    .footer-div-5.mt-5 {
        margin-top: 1rem !important;
    }

    .footer-overlay {
        height: 100%;
    }

    img.set-yachts-div-3.w-60 {
        width: 100%;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {}

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

@media only screen and (min-width: 1680px) and (max-width: 1919px) {
    .site-footer {
        padding: 150px 0;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2100px) {
    .site-footer {
        padding: 150px 0;
    }
}

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