/*
	Theme Name:   Savoy Child
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme
	Author:       NordicMade
	Author URI:   http://www.nordicmade.com
	Template:     savoy
	Version:      1.0
*/


/* Child theme CSS
--------------------------------------------------------------- */
/* Hero */
.dds-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dds-hero .rev_slider_wrapper,
.dds-hero rs-module-wrap,
.dds-hero rs-module {
    width: 100% !important;
}
/* End of Hero */

/* ====================================================
   PRODUCT SECTION IN HOMEPAGE
==================================================== */
/* ========================================
   CONTAINER
======================================== */

.dds-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px;
}

/* ========================================
   SECTION
======================================== */

.dds-products {
    padding: 80px 0;
    background: #f8f8f8;
    overflow: hidden;
}

/* ========================================
   SLIDE LAYOUT
======================================== */

.dds-product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    min-height: 400px;
}

/* ========================================
   CONTENT
======================================== */

.dds-product-content {
    width: 45%;
    padding-right: 80px;
}

.dds-product-content h2 {
    font-size: 50px;
    line-height: 1.05;
    font-weight: 800;
    margin-bottom: 25px;
    color: #222;
}

.dds-line {
    width: 80px;
    height: 4px;
    background: #ed7828;
    margin-bottom: 25px;
}

.dds-product-content p {
    font-size: 22px;
    line-height: 1.7;
    color: #555;
    margin-bottom: 0;
}

.dds-btn {
    display: inline-block;
    margin-top: 30px;
    background: #ed7828;
    color: #fff;
    padding: 16px 40px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
}

.dds-btn:hover {
    color: #fff;
    opacity: .9;
}

/* ========================================
   IMAGE
======================================== */

.dds-product-visual {
    width: 55%;
    text-align: center;
}

.dds-product-image {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: inline-block;
}

/* ========================================
   ARROWS
======================================== */

.dds-prev,
.dds-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 20;
}

.dds-prev {
    left: -15px;
}

.dds-next {
    right: -15px;
}

.dds-prev::before,
.dds-next::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-top: 2px solid #ed7828;
    border-right: 2px solid #ed7828;
}

.dds-prev::before {
    transform: rotate(-135deg);
}

.dds-next::before {
    transform: rotate(45deg);
}

/* ========================================
   PAGINATION
======================================== */

.swiper-pagination {
    position: relative !important;
    margin-top: 25px;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.swiper-pagination-bullet-active {
    background: #ed7828 !important;
}

/* ========================================
   TABLET
======================================== */

@media (max-width: 991px) {

    .dds-container {
        padding: 0 20px;
    }

    .dds-products {
        padding: 50px 0;
    }

    .dds-product-item {
        flex-direction: column;
        text-align: center;
        min-height: auto;
        gap: 25px;
    }

    .dds-product-content {
        width: 100%;
        padding: 0;
        order: 2;
    }

    .dds-product-visual {
        width: 100%;
        order: 1;
    }

    .dds-product-image {
        max-width: 320px;
    }

    .dds-product-content h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .dds-line {
        margin: 0 auto 20px;
    }

    .dds-product-content p {
        font-size: 18px;
        line-height: 1.6;
    }

    .dds-btn {
        margin-top: 25px;
    }

    .dds-prev,
    .dds-next {
        display: none;
    }
}

/* ========================================
   MOBILE
======================================== */

@media (max-width: 575px) {

    .dds-products {
        padding: 40px 0;
    }

    .dds-product-image {
        max-width: 240px;
    }

    .dds-product-content h2 {
        font-size: 34px;
    }

    .dds-product-content p {
        font-size: 16px;
    }

    .dds-btn {
        padding: 14px 30px;
        font-size: 15px;
    }
}
/* End of Section Product CSS homepage */
/* OLD theme CSS
--------------------------------------------------------------- */
/* CUSTOM CSS BY DY AMDIN */
@font-face {
    font-family: 'FuturaMedium';
    src: url('assets/custom_fonts/futura/futura_medium_bt-webfont.woff2') format('woff2'), /* Modern Browsers */
         url('assets/custom_fonts/futura/futura_medium_bt-webfont.woff') format('woff');   /* Legacy Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaHeavy';
    src: url('assets/custom_fonts/futura/futura_heavy_font-webfont.woff2') format('woff2'), /* Modern Browsers */
         url('assets/custom_fonts/futura/futura_heavy_font-webfont.woff') format('woff');   /* Legacy Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaExtra';
    src: url('assets/custom_fonts/futura/unicode.futurab-webfont.woff2') format('woff2'), /* Modern Browsers */
         url('assets/custom_fonts/futura/unicode.futurab-webfont.woff') format('woff');   /* Legacy Browsers */
    font-weight: normal;
    font-style: normal;
}

.navigation-title {
	font-family: "FuturaExtra";
	font-size: 30px;
	padding: 30px 0px;
}
.full-width-banner-home .home-slider{padding: 0px 0px;}
.bloc-navigation {padding-top: 20px;}
.nm-menu-cart-count {color: #ffffff !important;}
.woocommerce-columns--addresses .col-1, .woocommerce-columns--addresses .col-2{
	float: left;
    max-width: 40%;
    margin: 0px 70px 0px 0px;
    border: 1px solid #d6d6d6;
    padding: 0px 40px 50px 40px;}
.list-navigation img {max-width: 120px;}
.list-navigation h2 {
	font-size: 16px;
    padding-top: 10px;
    line-height: 17px;
    color: #6c6c6c; }
.description-top p {
	font-size: 16px;
    padding: 50px 70px;
    line-height: 21px;
    color: #4c4c4c;
    font-weight: 600;
}
.bloc-about-us, .bloc-catalogue{
	height: 500px;
}
.bloc-about-us{
	background: url('/wp-content/uploads/2024/02/about_us_fond_01.jpg')no-repeat;
	background-size: cover;
}
.bloc-about-us{
	color: #ffffff;
}
.bloc-about-us .about-us{
    padding: 50px 40px;
    height: 100%;
}
.bloc-about-us .about-us .about-us-inside{
	background-color: rgba(12,32,57, 0.5);
	height: 100%;
    padding: 109px 70px;
}
.bloc-about-us .about-us .about-us-inside p {
	font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 50px;
    margin-bottom: 0px;
}
.bloc-about-us .about-us .about-us-inside h2{
	font-family: "FuturaExtra";
	font-size: 30px;
	color: #ffffff;
    padding-top: 10px;
    padding-bottom: 15px;
    line-height: 17px;
}
.bloc-about-us .about-us .about-us-inside {
	font-size: 19px;
}
.bloc-catalogue {
	background: url('/wp-content/uploads/2024/02/brochure_fond_blue.jpg')no-repeat;
	background-size: cover;
}
.bloc-catalogue .catalogue-wrapper{
	height: 100%;
	padding: 50px 40px;
}
.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside{
	background-color: #ECF2F4;
	height: 400px;
}
.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-left img{
	width: 450px;
}
.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-right h2{
	font-family: "FuturaExtra";
	font-size: 30px;
	color: #000000;
    padding-top: 10px;
    padding-bottom: 15px;
}
.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-right p{
	font-weight: 600;
	line-height: 20px;
}
.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-left{
	padding-top: 50px;
}
.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-right{
	padding-top: 105px;
}
.product-bloc{
	background-color: #ecf2f4;
	width: 100%;
}
.product-bloc .product-row{
	padding: 50px 0px;
}
.product-bloc .product-row .product-right{padding-top: 50px;}
.product-bloc .product-row .product-right h2{
	font-family: "FuturaExtra";
	font-size: 30px;
	color: #000000;
}
.product-bloc .product-row .product-right a{
	font-weight: 600;
}
.product-bloc .product-row .product-right .lower-title{
	font-size: 19px;
	font-weight: 600;
}

/* CSS Button */
.button-58 {
  align-items: center;
  background-color: #06f;
  border: 2px solid #06f;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 140px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-58:focus {
  color: #171e29;
}

.button-58:hover {
  background-color: #3385ff;
  border-color: #3385ff;
  fill: #06f;
}

.button-58:active {
  background-color: #3385ff;
  border-color: #3385ff;
  fill: #06f;
}

@media (min-width: 768px) {
  .button-58 {
    min-width: 170px;
  }
}
.logo-footer{
	max-width: 200px;
    margin: 0 auto;
}
#nm-footer .textwidget a:before {
    content: "→";
    color: #fff;
    padding-right: 5px;
}
#text-3 {padding-top: 35px;}
/*About us page css*/
.title-about{margin-top: 30px;}
.title-about h1 {
	font-family: "FuturaExtra";
	font-size: 30px;
	color: #000000;}
.full-width-banner-about {
  background-image: url('https://digitaldeepsea.com/wp-content/uploads/2024/02/about_us_banner_page_photo.jpg'); /* Add your banner image URL here */
  background-size: cover;
  background-position: center;
  height: 400px; /* Adjust the height as per your requirement */
  color: #fff; /* Text color */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*End of About us page css*/
/*contact us page css*/
.contact-block-top {margin-top: 30px;}
.contact-title {font-family: "FuturaExtra";
	font-size: 30px;
	color: #000000;
	text-align: center;}
.contact-card .contact-card-item {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    margin: 10px;
    width: 300px;
    text-align: center;
    height: 250px; }
.contact-card .contact-card-item h5 {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 600; }
.contact-card .contact-card-item p {
    margin-bottom: 15px;
    color: #666;
    line-height: 22px; }
/*End of contact us page css*/
/*top bar*/
.flag-topbar{max-width: 23px;padding-right: 4px;}
.nm-menu .sub-menu li img:not(.wpml-ls-flag) {display: block !important;}
/* Media query for small laptop screens */
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
    .bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-left{
		padding-top: 90px;
	}
	.bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-right{
		padding-top: 70px;
	}
}
/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
	.woocommerce-columns--addresses .col-1, .woocommerce-columns--addresses .col-2{max-width: 100%; border: none;}
	.navigation-title { padding: 10px 0px 20px 0px; }
    .list-navigation {margin-bottom: 30px;}
    .bloc-navigation {padding-top: 0px;}
    .description-top p {padding: 20px 20px 0px 20px;}
    .list-navigation h2 {font-size: 13px;}
    .bloc-catalogue {height: 620px;}
    .bloc-about-us .about-us .about-us-inside{padding: 60px 40px;}
    .bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside {height: 530px;}
    .bloc-catalogue .catalogue-wrapper .catalogue-wrapper-inside .catalogue-right{padding: 0px 40px;}
    .bloc-about-us .about-us .about-us-inside p { padding: 10px 0px; font-size: 21px;}
    #text-3 {padding-top: 0px;}
    #text-2 {padding-bottom: 0px !important;}
    #text-2 .textwidget p {margin-bottom: 0px !important;}
}

/* End of OLD theme CSS
--------------------------------------------------------------- */

/* SECTION VESSELS APPLICATION SOLUTIONS
--------------------------------------------------------------- */
.dds-vessels {
    position: relative;
    min-height: 750px;
    overflow: hidden;
}

.dds-vessel-bg {
    position: absolute;
    inset: 0;
}

.dds-vessel-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: opacity .5s ease;
}

.dds-vessel-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4,12,22,.92) 0%,
            rgba(4,12,22,.75) 35%,
            rgba(4,12,22,.35) 60%,
            rgba(4,12,22,.10) 100%
        );
}

.dds-vessels .dds-container {
    position: relative;
    z-index: 5;

    min-height: 750px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dds-vessel-content {
    max-width: 750px;
}

.dds-vessel-label {
    display: inline-block;

    color: #ed7828;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;

    margin-bottom: 20px;
}

.dds-vessel-content h2 {
    color: #fff;

    font-size: 72px;
    line-height: 1;

    margin-bottom: 25px;
}

.dds-vessel-content p {
    color: rgba(255,255,255,.85);

    font-size: 22px;
    line-height: 1.8;

    max-width: 550px;

    margin-bottom: 35px;
}

.dds-vessel-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

    margin-top: 100px;
}

.dds-vessel-item {

    background: transparent;
    border: 1px solid rgba(255,255,255,.2);

    color: #fff;

    padding: 14px 24px;

    border-radius: 50px;

    cursor: pointer;

    transition: .3s;
}

.dds-vessel-item:hover,
.dds-vessel-item.active {

    background: #ed7828;
    border-color: #ed7828;
}
/* END OF SECTION VESSELS APPLICATION SOLUTIONS
--------------------------------------------------------------- */

@media(max-width:991px){

    .dds-vessels,
    .dds-vessels .dds-container{
        min-height:auto;
    }

    .dds-vessels{
        padding:80px 0;
    }

    .dds-vessel-content h2{
        font-size:42px;
    }

    .dds-vessel-content p{
        font-size:18px;
    }

    .dds-vessel-nav{
        margin-top:50px;
    }

    .dds-vessel-item{
        width:100%;
        text-align:center;
    }
}