/* 
Theme Name: Dnm Overseas
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Simplior team
Author: Simplior Team
Author URI: https://simplior.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

h1{
   font-size: 40px;
   font-family: "Cinzel", serif;
}
h2{
   font-size: 30px;
   font-family: "Cinzel", serif;
}
h3{
   font-size: 25px;
   font-family: "area-normal", sans-serif;
}
h4{
   font-size: 20px;
   font-family: "area-normal", sans-serif;
}
h5{
   font-size: 18px;
   font-family: "area-normal", sans-serif;
}
h6{
   font-size: 16px;
   font-family: "area-normal", sans-serif;
}


.home h1{
   font-size: 90px;
   font-family: "Cinzel", serif;
}
.home h2{
   font-size: 50px;
   font-family: "Cinzel", serif;
}
.home h3{
   font-size: 30px;
   font-family: "area-normal", sans-serif;
}
.home h4{
   font-size: 18px;
   font-family: "Cinzel", serif;
}
.home h5{
   font-size: 16px;
   font-family: "area-normal", sans-serif;
}
.home h6{
   font-size: 14px;
   font-family: "area-normal", sans-serif;
}

body,p{
   font-size: 14px;
   color: #3B6290;
   font-family: "area-normal", sans-serif !important;
   font-weight: 400;
   font-style: normal;
}


/* Main Header */
.main-header > .e-con-inner{
   background: #fff;
   border-radius: 16px;
   box-shadow: #00000050 0px 3px 6px;
}
.main-header .elementor-nav-menu a{
   text-transform: uppercase;
   font-family: "area-normal", sans-serif !important;
   font-size: 15px;
   line-height: 21px;
   font-weight: 400 !important
}
.main-header .elementor-nav-menu a::after{
   display: none;
}
.header-call-col{
   position: relative;
}
.header-call-col::before{
   content: '';
   width: 1px;
   background: #D0DDEA;
   height: 37px;
   position: absolute;
   left: -10px;
   top: 27.5px;
}
.main-logo-col {
   padding-left: 32px;
}
.header-call-col{
   padding-right: 32px;
}
.header-call-col .elementor-icon-box-title{
   font-family: "area-normal", sans-serif !important;
   letter-spacing: 0px;
   line-height: 22px !important;
   margin-bottom: 0px;
   font-weight: 900 !important;
   text-transform: uppercase;
}
.header-call-col .elementor-icon-box-description{
   font-family: "area-normal", sans-serif !important;
}


/* Home page */
.home-main-title h1{
   position: relative;
   z-index: 999;
}
.home-main-title h1::before{
   content: '';
   background: #E34710;
   width: 290px;
   height: 215px;
   position: absolute;
   left: -50px;
   z-index: -99;
   top: -21px;
}
.our-story-section::before{
   content: '';
   background-image: url(/wp-content/uploads/2024/05/ourstory-left.png);
   background-size: 100%;
   width: 375px;
   height: 609px;
   left: 0px;
   top: 50%;
   position: absolute;
   background-repeat: no-repeat;
   z-index: 99;
}
.our-story-section::after{
   content: '';
   background-image: url(/wp-content/uploads/2024/05/ourstory-right.png);
   background-size: 100%;
   width: 395px;
   height: 498px;
   right: 0px;
   top: 50%;
   position: absolute;
   background-repeat: no-repeat;
   z-index: 99;
}
.our-story-inner-section::before{
   content: '';
    background-image: url(/wp-content/uploads/2024/05/left-ourstory.png);
    background-size: 100%;
    width: 200px;
    height: 681px;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
    top: -100px;
}
.our-story-inner-section::after{
   content: '';
    background-image: url(/wp-content/uploads/2024/05/right-ourstory.png);
    background-size: 100%;
    width: 200px;
    height: 681px;
    right: 0px;
    position: absolute;
    background-repeat: no-repeat;
    top: -100px;
}
.home-ourstory-content{
   width: 750px;
   margin: 40px auto;
}
.home-ourstory-viewmore .elementor-button-text{
   text-transform: uppercase;
   font-size: 20px;
   font-family: "area-normal", sans-serif !important;
   position: relative;
   margin-top: 40px;
}
.home-ourstory-viewmore .elementor-button-text:after{
   content: '';
    background: #D7572A;
    width: 66px;
    height: 1px;
    bottom: -10px;
    left: 30px;
    position: absolute;
}
.home-product-tab .elementor-tab-title{
   color: #8798B9;
    font-size: 20px;
    font-family: "area-normal", sans-serif;
    font-weight: 400 !important;
    border: 1px solid #C1E0FF !important;
    border-radius: 36px;
    margin: 0px 12px;
}
.home-product-tab .elementor-tab-title:first-child{
   position: relative;
}
.home-product-tab .elementor-tab-title::before,.home-product-tab .elementor-tab-title.elementor-active::after{
   display: none !important;
}
.home-product-tab .elementor-tab-content{
   border: none !important;
}
.home-product-tab .elementor-tab-title.elementor-active{
   background: #D7572A;
   color: #fff;
   border: 1px solid #D7572A !important;
}

.why-choose-us-box-mainwrap{
   position: relative;
}
.home .why-choose-us-box-mainwrap:before {
   position: absolute;
   content: '';
   left: -125px;
   top: -40px;
   width: 127px;
   height: 350px;
   background: url(/wp-content/uploads/2024/06/why-choose-us-before.png);
   background-repeat: no-repeat;
   background-size: 100%;
}
.home .why-choose-us-box-mainwrap:after {
   position: absolute;
   content: '';
   right: -125px;
   top: -40px;
   width: 127px;
   height: 350px;
   background: url(/wp-content/uploads/2024/06/why-choose-us-after.png);
   background-repeat: no-repeat;
   background-size: 100%;
}
.why-choose-us-box-wrap .elementor-icon-box-title span{
   font-family: 'area-normal';
   font-size: 14px;
}
.work-with-us-form .gform_title{
   display: none;
}
.work-with-us-form .gform-theme--foundation .gfield input.large,.work-with-us-form .gform-theme--foundation .gfield textarea{
   border-radius: 24px;
   background: #FFFFFF6C;
   padding: 15px 30px;
   color: #fff;
}
.work-with-us-form .gform-theme--foundation .gfield input.large::placeholder,.work-with-us-form .gform-theme--foundation .gfield textarea::placeholder{
   color: #fff;
}
.work-with-us-form .gform-theme--foundation .gfield textarea{
   height: 108px;
}
.work-with-us-form  .gform_footer{
   display: block;
    text-align: center;
}
.work-with-us-form  .gform_footer #gform_submit_button_1{
   background: #D7572A;
   border-radius: 36px;
   text-transform: uppercase;
}

.page-breadcrumbs .woocommerce-breadcrumb a{
   font-family: 'area-normal';
    font-size: 14px;
}
.about-dnm-right-img{
   position: relative;
   max-width: 488px;
   max-height: 488px;

}
.about-dnm-right-img img{
   width: 100%;
   height: 100%;
}
.about-dnm-right-img::after{
   content: '';
   background: #D7572A;
   position: absolute;
   right: -30px;
   bottom: -30px;
   width: 400px;
   height: 400px;
   z-index: -9;
}
.get-in-touch-form .gform_title{
   color: #414141;
   font-family: "Cinzel", serif;
   font-size: 30px;
   text-transform: uppercase;
   font-weight: 500;
   margin-bottom: 24px;
}
.get-in-touch-form .gform-theme--foundation .gfield input.large,.get-in-touch-form .gform-theme--foundation .gfield textarea.medium{
   border-radius: 24px;
   border-color: #D0DDEA;
   color: #8798B9;
   font-family: 'area-normal';
}
.get-in-touch-form .gform-theme--foundation .gfield input.large::placeholder,.get-in-touch-form .gform-theme--foundation .gfield textarea.medium::placeholder{
   color: #8798B9;
   font-family: 'area-normal';
}
.get-in-touch-form .gform-theme--foundation .gform_fields{
   row-gap: 30px;
}
.get-in-touch-form .gform_button,.single-product-inquiery .gform_button{
   border-radius: 36px !important;
   background: #D7572A !important;
   font-size: 12px !important;
   font-family: 'area-normal' !important;
   text-transform: uppercase !important;
}
.contact-left-col-box-wrap .elementor-icon{
   margin-top: 3px;
}
.contact-left-col-box-wrap .elementor-icon-box-title{
   font-family: 'area-normal' !important;
   font-size: 20px !important;
   font-weight: 700 !important;
   line-height: 20px;
   margin-block-start:0px !important;
}
.contact-left-col-box-wrap .elementor-icon-box-description a{
   color: #fff;
}
.contact-left-col-box-wrap{
   position: relative;
}
.contact-left-col-box-wrap:after{
   content: '';
   position: absolute;
   border-bottom: 1px dashed #fff;
   width: 100%;
   bottom: -40px;
   left: 0px;
}
.contact-left-col-box-wrap:last-child:after{
   display: none;
}
.single-product-title h1{
   font-family: 'area-normal' !important;
}
.single-product-sidebar-col{
   position: relative;
}
.single-product-sidebar-col:before{
   content: '';
   border-left: 1px solid #D0DDEA;
   width: 1px;
   height: 100%;
   left: -15px;
   top: 10px;
   position: absolute;
}
.single-product-meta .product_meta{
   color: #8798B9;
   font-family: 'area-normal';
   font-size: 14px;
   font-weight: 400;
   text-align: justify;
   display: block;
   width: 100%;
}
.single-product-meta .product_meta span{
   font-weight: 400;
}
.single-product-inquiery .gform_title{
   color: #414141;
   font-size: 18px;
   font-family: 'area-normal';
   font-weight: 600;
   line-height: 28px;
   padding-top: 25px;
}
.single-product-inquiery .gform-theme--foundation .gform_fields{
   row-gap: 20px;
}
.single-product-inquiery .gform-theme--foundation .gfield input.large,.single-product-inquiery .gform-theme--foundation .gfield textarea.small{
   border-radius: 26px;
   border-color: #D0DDEA;
   color: #8798B9;
}
.single-product-inquiery .gform-theme--foundation .gfield input.large::placeholder,.single-product-inquiery .gform-theme--foundation .gfield textarea.small::placeholder{
   color: #8798B9;
}
.single-product-specification-title h2{
   color: #414141 !important;
   font-family: 'area-normal' !important;
   font-weight: 600 !important;
   font-size: 20px;
   text-transform: uppercase;
}
.single-product-meta{
   position: relative;
   padding-top: 8px;
}
.single-product-meta:after{
   position: absolute;
   content: '';
   border-bottom: 1px dashed #D0DDEA;
   bottom: -20px;
   width: 100%;
   height: 1px;
   left: 0px;
}
.single-product-meta .product_meta .detail-container{
   margin-right: 20px;
}
.single-product-specification-table {
   border: 1px solid #D0DDEA;
   border-radius: 20px;
}
.single-product-sidebar-col .elementor-search-form__container{
   border-radius: 24px !important;
   border: 1px solid #D0DDEA;
}
.single-product-sidebar-col #elementor-search-form-d9ed2bb{
   background: white;
}
.single-product-sidebar-col .elementor-widget h2.elementor-heading-title {
   font-family: 'Cinzel';
    font-size: 18px;
    color: #414141;
    font-weight: 600;
}
.single-product-sidebar-col .single-product-sidebar-category-list .product-category img{
   display: none !important;
}
.single-product-sidebar-col .single-product-sidebar-category-list h2.woocommerce-loop-category__title{
   padding: .5em 0 0px 0px !important;
   color: #3B6290;
   font-family: 'area-normal';
   font-weight: 400;
}
.single-product-sidebar-col .single-product-sidebar-category-list ul.products.elementor-grid{
   grid-row-gap: 0px !important;
   padding-left: 15px;
}
.single-product-sidebar-col .single-product-sidebar-category-list ul.products.elementor-grid li.product-category{
   position: relative;
}
.single-product-sidebar-col .single-product-sidebar-category-list ul.products.elementor-grid li.product-category:before{
   content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    color: #D0DDEA;
    position: absolute;
    left: -15px;
    top: 6px;
}
.single-product-sidebar-col .elementor-search-form--skin-classic .elementor-search-form__container{
   border: 1px solid #D0DDEA;
   background: #FFF;

}

.single-product-sidebar-col .elementor-search-form--skin-classic .elementor-search-form__container .elementor-search-form__input{
   height: 47px;
   border: none;
}

.single-product-sidebar-col .elementor-search-form--skin-classic .elementor-search-form__container .elementor-search-form__submit{
   width: 39px;
   height: 39px;
   border-radius: 39px;
   background: #D7572A;
   min-width: 39px;
   margin: 4px 4px 0px 0px;
}

.single-product-sidebar-col .elementor-search-form--skin-classic .elementor-search-form__container .elementor-search-form__submit:hover
{
   background:#0500af;
}

/* .single-product-specification-table td, .single-product-specification-table th{
   border: 1px solid #D0DDEA;
} */



.single-product-specification-table {
   border-collapse: separate;
   border-spacing: 0;
   border: none;
   /* min-width: 350px; */
 }
 .single-product-specification-table td{
   border: none;
   background-color: #FFF !important;
   vertical-align: middle;
 }

 .single-product-specification-table td h5{
   margin: 0px;
   padding: 0px;
   color: #030BAF;
   font-size: 18px;
   font-weight: 600;
   min-width: 200px;
 }

 .single-product-specification-table td, .single-product-specification-table th {
   border-right: 1px solid #D0DDEA;
   border-bottom: 1px solid #D0DDEA;
   padding: 20px;
 }

 .single-product-specification-table td:first-child {
   border-left: 1px solid #D0DDEA;
  
 }

 .single-product-specification-table tr:first-child td{
   border-top: 1px solid #D0DDEA;
 }
 /* .single-product-specification-table tr th {
   background: #eee;
   border-top: 1px solid #bbb;
   text-align: left;
 } */
 
 /* top-left border-radius */
 .single-product-specification-table tr:first-child td:first-child {
   border-top-left-radius: 20px;
 }
 
 /* top-right border-radius */
 .single-product-specification-table tr:first-child td:last-child {
   border-top-right-radius: 20px;
 }
 
 /* bottom-left border-radius */
 .single-product-specification-table tr:last-child td:first-child {
   border-bottom-left-radius: 20px;
 }
 
 /* bottom-right border-radius */
 .single-product-specification-table tr:last-child td:last-child {
   border-bottom-right-radius: 20px;
 }
 .main-header {
     z-index:9999;
 }
 
 
 /* Product Slider - START */
.product-slide-wrap {
   margin: 0 auto;
   max-width: 1200px;
   width: 100%;
 }
 
 .item {
   align-items: center;
   background-color: transparent;
   color: #151515;
   font-size: 15px;
   display: flex;
   height: 300px;
   justify-content: center;
 }
 /* Product Slider - END */
 
 .owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;position:relative
 }
 .owl-carousel{
 display:none;width:100%;z-index:1
 }
 .owl-carousel .owl-stage{
 position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden
 }
 .owl-carousel .owl-stage:after{
    content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0
 }
 .owl-carousel .owl-stage-outer{
    position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)
 }
 .owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)
 }
 .owl-carousel .owl-item{
    min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none
 }
 .owl-carousel .owl-item img{
    display:block;width:100%}
 
 .no-js .owl-carousel,.owl-carousel.owl-loaded{
    display:block}
 .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
 background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
 .owl-carousel.owl-loading{
    opacity:0;display:block}
 .owl-carousel.owl-hidden{opacity:0}
 .owl-carousel.owl-refresh .owl-item{
    visibility:hidden}
 .owl-carousel.owl-drag .owl-item{
    -ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 .owl-carousel.owl-grab{
    cursor:move;cursor:grab}
 .owl-carousel.owl-rtl{direction:rtl}
 .owl-carousel.owl-rtl .owl-item{float:right}
 .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
 .owl-carousel .owl-animated-in{z-index:0}
 .owl-carousel .owl-animated-out{z-index:1}
 .owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
 .owl-height{transition:height .5s ease-in-out}
 .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
 .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
 .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
 .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
 .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
 .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
 .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
 .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
 .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 .owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 30px; 
  }
 
 .owl-theme .owl-dots {
   text-align: center;
   -webkit-tap-highlight-color: transparent; 
 }
 .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
     display: inline; 
 }
 .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; 
 }
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
       background: #869791; 
 }
 /* Testomonial End */


 .product-slide-wrap .owl-item .product-slide-content .product-image{
   width: 247px;
   height: 247px;
   border-radius: 247px;
   overflow: hidden;
   border: 15px solid #DEEFFF;
 }

 .product-slide-wrap .owl-item .product-slide-content .product-title {
   color:#848484;
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 600;
   margin-top: 20px;
}

.owl-stage-outer.owl-height{
   min-height: 359px;
}

 .product-slide-wrap .owl-item .product-slide-content{
   text-align: center;
 }

 .product-slide-wrap .owl-item .product-slide-content a{
   display: inline-block;
 }

 .product-slide-wrap .owl-item .product-slide-content .product-title{
   text-align: center;
 }

 .product-slide-wrap .owl-item.active.center .product-slide-content .product-image{
   width: 312px;
   height: 312px;
   border-radius: 312px;
   overflow: hidden;
   border: 20px solid #DEEFFF;
 }

 .product-slide-wrap .owl-item.active.center .product-slide-content .product-title{
   color: #444444;
 }

 .product-slide-wrap .owl-item.active .product-slide-content .product-title span:hover{
   color:#D7572A;
 }

 .product-slide-wrap .owl-item.active .product-slide-content .product-image img{
   box-shadow: 0px 0px 12px #00366E80;
 }
 .product-slide-wrap .owl-nav .owl-prev{
   position: absolute;
    left: -70px;
    top: 30%;
    width: 37px;
 }
 .product-slide-wrap .owl-nav .owl-prev:focus,.product-slide-wrap .owl-nav .owl-next:focus{
   display: none;
 }
 .product-slide-wrap .owl-nav .owl-next{
   right: -70px;
   position: absolute;
   top: 30%;
   width: 37px;
 }
 .product-slide-wrap{
   margin-top: 100px;
 }
 
 
 
 @media screen and (max-width: 1280px){
     .home .why-choose-us-box-mainwrap:after{
             right: -70px;
     }
     .home .why-choose-us-box-mainwrap:before{
         left: -70px;
     }
 }
 @media screen and (max-width: 1024px){
     .home .why-choose-us-box-mainwrap:after,.home .why-choose-us-box-mainwrap:before,.header-call-col{
         display:none;
     }
     .our-story-section::before{
        width: 250px;
        top: 65%;
     }
     .our-story-section::after{
         width: 250px;
        top: 65%;
     }
 }
 @media screen and (max-width: 767px){
    .main-logo-col {
        padding-left: 15px;
    }
    .our-story-inner-section::before,.our-story-inner-section::after{
        display:none;
    }
    .our-story-section::before,.our-story-section::after{
        width:150px;
    }
    .home-main-title h1::before {
    content: '';
    background: #E34710;
    width: 90px;
    height: 90px;
    position: absolute;
    left: -10px;
    z-index: -99;
    top: -10px;
}
.home h2{
    font-size: 28px;
}
 }