/* 01 : Website Global CSS BOF
========================================================== */
body,
html{height:100%;}
body{background:#fff;font-family:"DM Sans";color:#fff;}
*,
html{margin:0;padding:0;}
a{color:#fff;display:inline-block;}

/* Common color hyperlink */
a:hover,
a:focus,
a:active{color:#4caf50;text-decoration:none;}
a.green_text:hover{color:#2f4f4f;}

/* Common hover color hyperlink */
a,
*:hover,
*:focus,
*:active:focus{text-decoration:none;outline:none!important;outline-offset:0!important;}
a img,
img{border:none;outline:none!important;outline-offset:0!important;}
ul{list-style:none;margin:0;padding:0;}
img{height:auto;max-width:100%;vertical-align:middle;line-height:normal;}

/* Transition Effect CSS BOF */
a,
i,
input{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;}

/* 02 : Global Classes CSS BOF
  ==================================================== */
::-webkit-scrollbar{width:0;height:0;}

/* Background & Color Style CSS BOF
  =================================================== */

/* Font Color Style CSS BOF */
.white_text{color:#fff;}
.green_text{color:#4caf50;}
.dark_green_text{color:#2f4f4f;}
.gray_text{color:#333333;}
.light_gray_text{color:#6b6b6b;}
.black_text{color:#000;}
section{scroll-margin-top:128px;}

/* Object fit common classes */
.object-cover{object-fit:cover;}
.object-contain{object-fit:contain;}

/* Opacity common classes */
.op-1{opacity:0.1;}
.op-2{opacity:0.2;}
.op-3{opacity:0.3;}
.op-4{opacity:0.4;}
.op-5{opacity:0.5;}
.op-6{opacity:0.6;}
.op-7{opacity:0.7;}
.op-8{opacity:0.8;}
.op-9{opacity:0.9;}

/* cursor variation csss */
.cursor-pointer{cursor:pointer;}

/* list styling */
.list-style-disc{list-style:disc;}

/* 03 : Heading Style CSS BOF
  =================================================== */
h1,
h2,
h3,
h4,
h5,
h6{font-family:"DM Sans";line-height:normal;font-style:normal;color:#000;margin-bottom:0;}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{margin-bottom:0;}
.h1{font-size:60px;line-height:80px;}
.h2{font-size:50px;line-height:60px;}
.h3{font-size:46px;line-height:50px;}
.h4{font-size:40px;line-height:60px;}
.h5{font-size:30px;line-height:45px;}
.h6{font-size:24px;line-height:40px;}
.font_28{font-size:28px;line-height:54px;}
.font_20{font-size:20px;}

/* Font Weight Variation CSS BOF */
.font_rg{font-weight:normal;}
.font_bl{font-weight:800;}
.font_blk{font-weight:900;}
.font_smb{font-weight:600;}
.font_md{font-weight:500;}

/* set line clamp for content */
.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.line-clamp1{-webkit-line-clamp:1;}
.line-clamp2{-webkit-line-clamp:2;}
.line-clamp3{-webkit-line-clamp:3;}
.line-clamp4{-webkit-line-clamp:4;}
.normal-line-height{line-height:normal!important;}

/* Z-INDEX variation */
.z-9{z-index:9;}
.z-99{z-index:99;}
.word-break{word-break:break-all;}

/* 04 : Paragraph Style CSS BOF
  =================================================== */
p,
.p{line-height:auto;font-family:"DM Sans";font-size:14px;font-weight:normal;font-style:normal;margin-bottom:0;font-weight:normal;}

/* 05 : Image Style CSS BOF
  =================================================== */
img{margin-bottom:0;}

/*** Buttton Varilation CSS BOF ***/
.bttn{background-color:#4caf50;padding:10px 13px;font-size:28px;text-transform:capitalize;border-style:none;transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;border-radius:30px;text-transform:unset;box-shadow:none;line-height:normal;color:#fff;position:relative;overflow:hidden;z-index:1;height:68px;display:flex;align-items:center;justify-content:center;font-weight:700;min-width:273px;}
.bttn:hover,
.bttn:focus,
.bttn:active,
.bttn:focus-visible{box-shadow:none;outline:none;background-color:#333333;color:#fff;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* 11 : Form & Input Style BOF
  ==================================================== */
.form-group{margin-bottom:30px;}
.form-control{background-color:#fff;border-width:0 0 1px 0;border-style:solid;border-color:#b7b7b7;border-radius:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;font-size:16px;color:#333333;font-family:"DM Sans";font-weight:normal;padding:0 0px 12px 0;line-height:normal;}
textarea.form-control{resize:none;overflow:auto;padding:0 0px 12px 0;height:60px;}
.form-group .required-field{color:rgba(255,63,63,1);}

/** Placeholder CSS BOF **/
.form-control::placeholder{color:#b7b7b7;font-weight:400;font-size:14px;text-transform:capitalize;}
.form-control::-moz-placeholder{color:#b7b7b7;font-weight:400;font-size:14px;text-transform:capitalize;}
.form-control:-ms-input-placeholder{color:#b7b7b7;font-weight:400;text-transform:capitalize;font-size:14px;}
.form-control::-webkit-input-placeholder{color:#b7b7b7;font-weight:400;font-size:14px;text-transform:capitalize;}
.form-control::-o-input-placeholder{color:#b7b7b7;font-weight:400;font-size:14px;text-transform:capitalize;}

/* Focus State CSS BOF   */
.form-control:focus{border-style:dashed;border-color:#4caf50;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background-color:#fff;color:#333333;outline:0;}

/* SOME GLOBAL CSS */
.page-wrapper{margin:0px auto;overflow-x:hidden;}
.common-padding-t{padding-top:120px;}
.common-padding-b{padding-bottom:120px;}
.flex-0{flex:0 0 auto;}
.no-scroll{overflow:hidden;}

/* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

/* @media(min-width:992px) {
  .container {
    max-width: calc(960px + (1.5rem * 0.5));
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: calc(1135px + (1.5rem * 0.5));
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
} */
@media (min-width:1600px){
  .container{max-width:1540px;}
}
@media (min-width:1800px){
  .container{max-width:1679px;}
}

/* COMMON ACCORDION */
.accordion-button:focus{box-shadow:unset;border-color:transparent;}
.accordion-button{background-color:#fefefe;color:#fff;font-size:16px;font-weight:500;}
.accordion-button:not(.collapsed){color:#fff;background-color:#d1d1d1;box-shadow:unset;border-bottom:0;}
.accordion-item{background-color:#fefefe;border:none;margin-bottom:24px;border-radius:10px;}
.accordion-item:last-child{margin-bottom:0;}
.accordion-item:first-of-type,
.accordion-item:last-of-type{border-radius:10px;}

/* .accordion-collapse.show */
.accordion-item:not(:first-of-type){border-top:1px solid #fefefe;}
.accordion-button:not(.collapsed)::after{background-image:url("../images/dropdown-toggle.svg");transform:unset;}
.accordion-button::after{background-image:url("../images/accordian-arrow.png");transform:rotate(180deg);}
.accordion-button{padding:24px 22px;}
.accordion-body{padding:20px;text-align:start;}

/* COMMON TITLE CSS */
.title-main{padding-bottom:60px;}

/* COMMON SECTION SHADOW */
.common-sec-shadow{position:relative;}

/* ======================================================
=========================================================
                      HEADER SOC
=========================================================
====================================================== */

/*header active start*/

.site-header{position:relative;z-index:999;}

/*header active end*/

/*index css Start*/

.header-main .header-inner-main{position:relative;background:transparent;}
.header-main .header-inner-main .header-inner{width:100%;align-items:center;}
.header-main .header-inner-main nav.navbar{padding:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-webkit-box;display:flex;flex-wrap:nowrap;align-items:center;}
.header-main .header-inner-main .header-inner .header-menu ul{gap:40px;}
.header-main .header-inner-main .header-inner .header-menu ul .nav-item .nav-link{position:relative;font-size:24px;color:#333333;font-weight:400;padding:0px;text-shadow:none;transition:all 400ms ease-in-out;}
.header-main .header-inner-main .header-inner .header-menu ul .nav-item .nav-link:hover,
.header-main .header-inner-main .header-inner .header-menu ul .nav-item.active .nav-link:hover{color:#4caf50;}
.header-main .header-inner-main .header-inner .header-menu ul .nav-item.active .nav-link{color:#4caf50;}
.header-main .navbar-container{width:100%;margin-right:auto;margin-left:auto;}
.header-main .header-inner-main .header-menu-inner{display:flex;align-items:center;justify-content:space-between;width:100%;}
.header-main .header-inner-main .header-menu-inner .header-btn{display:flex;align-items:center;}
.header-main .header-inner-main .header-menu-inner .header-btn a{margin:5px 0px 5px 20px;font-size:16px;padding:8px 15px;}

/*  header Dropdown CSS*/
.header-main .header-inner-main .header-inner .header-menu ul .nav-item .nav-link i.fa.fa-angle-down{vertical-align:middle;}
.header-menu ul li .dropdown_main{position:absolute;top:100%;}
.header-menu ul li .dropdown_main .accordion-collapse{background:rgba(255,255,255,0.9);border-radius:0 0 20px 20px;border:none;}
.dropdown_main .header-tabs{display:flex;flex-wrap:wrap;align-items:self-start;max-height:calc(100vh - 120px);overflow:auto;}
.dropdown_main .header-tabs .nav-tabs{width:230px;padding-left:15px;border-bottom:none;padding:0;display:flex;flex-direction:column;}
.dropdown_main .header-tabs .tab-content{width:calc(100% - 230px);border-left:1px solid #e4e3e3;}
.dropdown_main .header-tabs a{margin:0px!important;padding:10px 16px 10px 16px!important;text-shadow:none!important;border:none!important;}
.dropdown_main .header-tabs .nav-tabs a.nav-link.active{background:transparent;border:none;position:relative;}

/* .dropdown_main .header-tabs a:after {
  display: none !important;
} */
.dropdown_service-title span{font-style:normal;font-weight:400;font-size:16px;line-height:24px;margin-bottom:5px;text-shadow:none;color:#4caf50;}
.dropdown_service-title p{margin-bottom:0px;font-weight:400;font-size:12px;line-height:16px;color:#4caf50;text-shadow:none;}
.dropdown_main .header-tabs .nav-tabs a.nav-link{position:relative;padding-left:0!important;}
.dropdown_main .header-tabs .nav-tabs a.nav-link.nav-dropdown:before{content:"";position:absolute;top:-5px;bottom:0;margin:auto;right:0px;background-image:url("../images/arrow.svg");background-repeat:no-repeat;background-size:contain;background-position:center;width:15px;transition:all 400ms ease;height:auto;transform:rotate(-90deg);}
.dropdown_main .header-tabs .nav-tabs .active a.nav-link .dropdown_service-title span{color:#000;}
.dropdown_main .header-tabs .nav-tabs a.nav-link .dropdown_service-title p{color:#fff;}
.dropdown_main .header-tabs .nav-tabs .nav-item{border-bottom:1px solid #333333;padding:0 20px;}
.dropdown_main .header-tabs .nav-tabs .nav-item:last-child{border:none;}
.dropdown_main .header-tabs li.nav-item span{padding:0px!important;background:transparent!important;border:none!important;}
.dropdown_main .header-tabs .nav-tabs a.nav-link:hover .dropdown_service-title p{color:#000;}
.sub-menu-inner-wp{display:flex;flex-wrap:wrap;}
.sub-menu-inner-wp ul.sub-menu-inner{  /* width: 49.99%; */
border-right:1px solid #e4e3e3;padding:10px 0px;}

/*33.33%;*/
.dropdown_main .header-tabs .tab-content .card{background-color:transparent;background-clip:border-box;border:none;border-radius:0;}
.sub-menu-inner-wp ul.sub-menu-inner:last-child{border-right:none;}
.dropdown_main .header-tabs .sub-menu-inner-wp ul.sub-menu-inner .dropdown_service-title span{color:#4e4e4e;}
.dropdown_main .header-tabs .sub-menu-inner-wp ul.sub-menu-inner a:before{content:"";position:absolute;top:15px;bottom:15px;left:0px;background:#101010;border-radius:1px;width:1px;transition:all 400ms ease;height:0;margin:auto;}
.dropdown_main .header-tabs .sub-menu-inner-wp ul.sub-menu-inner a:hover:before{height:auto;}
.dropdown_main .header-tabs .sub-menu-inner-wp ul.sub-menu-inner a:hover .dropdown_service-title span{color:#000;}
.dropdown_main .header-tabs .sub-menu-inner-wp ul.sub-menu-inner a:hover .dropdown_service-title p{color:#000;}
.header-menu ul li a.accordion-btn[aria-expanded="true"]{color:#000;}
.header-menu ul li a.accordion-btn svg{transition:all 500ms ease-in-out;}
.header-menu ul li a.accordion-btn[aria-expanded="true"] svg{transform:rotate(180deg);}

/* .industry-menu-wp ul li a:after {
  bottom: 0px !important;
  display: none !important;
} */
@media (min-width:992px){
  .dropdown_main .header-tabs .tab-content .card .collapse{display:block!important;}
  .dropdown_main .header-tabs .tab-content .card-header{display:none;}
  .navbar-expand-lg .navbar-nav{justify-content:end;display:flex;align-items:center;    /* gap: 40px; */width:100%;}
}

/*toggele switch*/
.header-main button.navbar-toggler{padding:0;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#4caf50;border-radius:10px;}
.header-main button.navbar-toggler span.icon-bar:nth-child(2){visibility:hidden;opacity:0;}
.header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(2){visibility:visible;opacity:1;}
.header-main button.navbar-toggler span.icon-bar:nth-child(1){top:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.header-main button.navbar-toggler span.icon-bar:nth-child(3){  /* margin-right: auto;
      margin-left: 0; */}
  .header-main button.navbar-toggler.collapsed span.icon-bar:nth-child(1),
  .header-main .header-inner .header-right button.navbar-toggler.collapsed span.icon-bar:nth-child(3){top:0;transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);margin:4px auto;}
  .header-main button.navbar-toggler span.icon-bar{margin:0;background-color:#fff;border-radius:2px;display:block;height:2px;position:relative;width:18px;-webkit-transition:all 200ms ease;-moz-transition:all 200ms ease;-o-transition:all 200ms ease;-ms-transition:all 200ms ease;transition:all 200ms ease;}
  .header-main .header-right{padding-left:40px;width:100%;}
  .header-main button.navbar-toggler span.icon-bar:nth-child(3){top:-2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

  /*dropdown*/
  .header-main{position:absolute;width:100%;right:0;top:0;left:0px;padding:57px 0;transition:all 400ms ease-in-out;}
  .header-main.active{position:fixed;width:100%;left:0px;right:0px;background-color:#fff;box-shadow:0px 0px 15px 0px rgb(76,175,80,0.5);top:0px;padding:30px 0px;}

  /*index css Start*/

  /* ======================================================
    =========================================================
                            BANNER SOC
    =========================================================
    ====================================================== */

  .banner-sec .banner-content{padding:195px 52px 0 52px;margin:auto;background-image:url("../images/banner.png");background-position:center bottom;background-repeat:no-repeat;background-size:cover;border-radius:0 0 30px 30px;height:100%;}
  .banner-sec .banner-cta{background-color:#fff;padding:22px 25px;border-radius:9px;max-width:618px;margin:auto;}
  .banner-sec .banner-cta .banner-cta-text{font-size:14px;line-height:20px;display:inline-block;}

  /* ======================================================
    =========================================================
                      WHAT IS MARINER SOC
    =========================================================
    ====================================================== */
  .wim-sec .wim-content .wim-text-wrapper{gap:40px;}
  .wim-sec .wim-content{padding-right:112px;}

  /* ======================================================
    =========================================================
                      SELLING POINTS SOC
    =========================================================
    ====================================================== */
  .usp-sec{background-image:linear-gradient(#2f4f4f,#f8fcf8 57%);}
  .usp-sec .usp-main .usp-card{background-color:#fff;border-radius:30px;padding:60px 30px;height:100%;}
  .usp-sec .usp-main .usp-col:nth-child(2) .usp-card{background-color:#476363;}
  .usp-sec .usp-main .usp-col:nth-child(3) .usp-card{background-color:#333333;}
  .usp-sec .usp-main .usp-card .usp-card-icon{width:100px;height:100px;display:flex;justify-content:center;align-items:center;background-color:#4caf50;border-radius:100%;margin-bottom:60px;}
  .usp-sec .usp-main .usp-card .usp-details{display:flex;flex-direction:column;gap:60px;}
  .usp-sec .usp-main .usp-card .usp-details{background-image:url("../images/selleing-card-bg.png");background-repeat:no-repeat;background-position:center right;height:100%;background-size:contain;}
  .usp-sec .usp-main .usp-card .usp-details .usp-content{line-height:60px;}
  .usp-sec .usp-main .usp-card .usp-details .usp-title{min-height:180px;}

  /* ======================================================
    =========================================================
                      BENEFITS SOC
    =========================================================
    ====================================================== */
  .bnt-main .bnt-content .bnt-list{display:flex;flex-direction:column;gap:40px;padding-right:142px;}
  .bnt-main .bnt-content .bnt-list li{padding-left:40px;position:relative;}
  .bnt-main .bnt-content .bnt-list li::before{content:url("../images/listing-icon.png");margin-top:3px;display:inline-block;margin-right:10px;position:absolute;left:0;}
  .bnt-main .bnt-content .bnt-content-img{margin-top:-30px;}

  /* ======================================================
    =========================================================
                      ABOUT US SOC
    =========================================================
    ====================================================== */
  .about-sec .about-row .about-col .about-card{border-radius:20px;overflow:hidden;position:relative;}
  .about-sec .about-row .about-col .about-card .about-details{position:absolute;bottom:0;left:0;right:0;height:100%;display:flex;flex-direction:column;justify-content:end;padding:50px 30px;}

  /* ======================================================
    =========================================================
                  INDUSTRY NEEDS MARINER SOC
    =========================================================
    ====================================================== */
  .inm-sec .inm-content .inm-text-wrapper{gap:40px;}
  .inm-sec .inm-content{padding-left:112px;}

  /* ======================================================
    =========================================================
                        OUR MISSION SOC
    =========================================================
    ====================================================== */
  .mission-sec{background-image:url("../images/our-mission.png");background-position:center right;background-size:cover;background-repeat:no-repeat;}

  /* ======================================================
    =========================================================
                        OUR MISSION SOC
    =========================================================
    ====================================================== */
  .works-sec .works-step-row{gap:120px;position:relative;}
  .works-sec .works-step-row:after{content:"";background-image:url("../images/step-line.png");background-position:center;background-repeat:no-repeat;position:absolute;top:3%;left:-15%;right:0;bottom:0;margin:auto;z-index:-1;}
  .works-sec .works-step-row .works-step-col:nth-child(odd) .works-step-content{padding-left:145px;}
  .works-sec .works-step-row .works-step-col:nth-child(even) .works-step-content{padding-right:200px;}

  /* ======================================================
    =========================================================
                           CTA SOC
    =========================================================
    ====================================================== */
  .cta-sec{background-color:#2f4f4f;}
  .cta-sec .cta-img{position:absolute;right:0;top:0;object-fit:cover;bottom:0;height:100%;}

  /* ======================================================
    =========================================================
                            FOOTER SOC
    =========================================================
    ====================================================== */
  .footer-main{background-image:url("../images/selleing-card-bg.png");background-position:bottom -10% left 13%;background-repeat:no-repeat;background-size:515px 620px;}
  .footer-main .footer-wrapper{padding-bottom:40px;}
  .footer-main .footer-wrapper .footer-high-light-text{font-size:20px;}
  .footer-main .footer-wrapper .get-touch-btn{border-radius:10px;font-size:18px;font-weight:700;padding:18px 112px;}
  .footer-main .footer-list{display:flex;gap:30px;flex-direction:column;}
  .footer-main .footer-list .footer-item svg{flex:0 0 auto;}
  .footer-main .footer-list .footer-item .footer-link{font-size:20px;font-weight:400;color:#666666;line-height:24px;transition:all 500ms ease-in-out;}
  .footer-main .footer-bottom{border-top:1px solid #e2e2e2;padding:20px 0;display:flex;align-items:center;justify-content:center;}
  .footer-main .footer-wrapper .quick-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;}
  .footer-main .footer-wrapper .quick-list li a{color:#6b6b6b;font-size:20px;font-weight:500;}
  .footer-main .footer-wrapper .quick-list li a:hover{color:#4caf50;}
  .footer-main .footer-wrapper .get-in-touch .get-in-touch-form{border:1px solid #dedede;border-radius:30px;background-color:#fff;padding:40px 40px 40px 30px;margin-bottom:38px;width:100%;}
  .footer-main .footer-wrapper .get-in-touch .get-in-touch-form hr{border-bottom:1px solid #b7b7b7;opacity:1;margin-bottom:0;display:inline-block;width:80%;margin-top:1rem;}
  .footer-main .footer-wrapper .get-in-touch{width:570px;}

  /* ======================================================
    =========================================================
                      COMMON MODAL SOC
    =========================================================
    ====================================================== */
  .common-modal .modal-content{border-radius:20px;border:none;overflow:hidden;}
  .common-modal .common-modal-close-btn{background-color:transparent;border:none;box-shadow:none;outline:none;position:absolute;top:30px;right:30px;z-index:9;}

  /* PROFILE */
  .profile-modal .modal-dialog{max-width:1680px;}
  .profile-modal .modal-body{padding:120px 60px;}
  .profile-modal .profile-bg-image{position:absolute;top:0;bottom:0;height:100%;object-fit:cover;object-position:center right;left:0;right:0;}
  .profile-modal .profile-modal-content{max-width:943px;}

  /* REQUEST */
  .request-modal .modal-dialog{max-width:1400px;}
  .request-modal .modal-content{background-color:#2D3B3B;}
  .request-modal .modal-body{padding:68px 60px;}
  .request-modal .get-in-touch .get-in-touch-form{border:1px solid #dedede;border-radius:30px;background-color:#fff;padding:40px;width:100%;}
  .request-modal .get-in-touch .get-in-touch-form hr{border-bottom:1px solid #b7b7b7;opacity:1;margin-bottom:0;display:inline-block;width:100%;margin-top:30px;}



  /* ======================================================
    =========================================================
                      PRIVACY POLICY SOC
    =========================================================
    ====================================================== */
  .primary-policy-sec .primary-policy-main .privacy-policy-list{display:flex;flex-direction:column;gap:10px;}
  .primary-policy-sec .primary-policy-main .privacy-policy-list li{padding-left:40px;position:relative;}
  .primary-policy-sec .primary-policy-main .privacy-policy-list li::before{content:url("../images/listing-icon.png");margin-top:3px;display:inline-block;margin-right:10px;position:absolute;left:0;}

  /* ADD CSS FOR CONTACT FORM MESSAGE SHOW*/
  .wpcf7-response-output {
    color: #4caf50 !important;
}