/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: This is a child theme of OceanWP.
Author: Shafiqul
Author URI: https://www.suvronur.com/
Template: oceanwp
Version: 1.0
*/

body,
html {
  overflow-x: hidden !important;
}

a,
a:focus {
  outline: none !important;
}

.container {
  max-width: 95% !important;
}

.button,
#comment-submit,
.gform_wrapper form input[type='submit'],
.ww-white-contact-form .gform_wrapper form input[type='submit'] {
  position: relative;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 20px 40px !important;
  background: #EAC8CF !important;
  color: #2A3540 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  height: inherit !important;
  min-height: inherit !important;
  border: none !important;
  border-radius: 0 !important;
  transition: all 0.4s ease !important;
  overflow: hidden;
}

.button:is(:hover, :focus),
#comment-submit:is(:hover, :focus),
.gform_wrapper form input[type='submit']:is(:hover, :focus) {
  background: #8FAF93 !important;
  color: #FFFCEC !important;
}

.ww-contact-form-col .gform_wrapper form input[type='submit']:is(:hover, :focus) {
  background: #fff !important;
  color: #8FAF93 !important;
}

.ww-full-height-img {
  height: 100% !important;
}

.ww-checklist-item ul {
  list-style: none;
  margin-left: 0;
  margin-top: 0;
}

.ww-checklist-item ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}

.ww-checklist-item ul li:last-child {
  margin-bottom: 0;
}

.ww-checklist-item ul li::before {
  content: "\f058";
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  color: #8FAF93;
}

.hfe-nav-menu-icon {
  padding: 0 !important;
}
.ww-custom-header.she-header .elementor-widget-image img {
  width: 90px !important;
}
/*------header css start-------*/

#site-logo #site-logo-inner a:hover img {
  -moz-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  opacity: 1 !important;
}

#site-navigation-wrap .dropdown-menu>li>a,
.dropdown-menu ul li a.menu-link {
  letter-spacing: 0 !important;
}

.after-header-content-inner {
  display: flex !important;
  align-items: center !important;
  height: 130px !important;
  line-height: 130px !important;
  transition: all .3s ease;
}

.is-sticky .after-header-content-inner {
  height: 100px !important;
  line-height: 100px !important;
}

.ww-header-contact-btn-inner {
  display: flex;
}



.sidr-class-dropdown-menu li.sidr-class-btn {
  margin-top: 20px !important;
}

.sidr-class-dropdown-menu li.sidr-class-btn a span {
  font-size: 18px !important;
  padding: 17px 20px;
}

.oceanwp-mobile-menu-icon {
  width: 30px !important;
}

.hamburger-inner {
  display: flex !important;
  justify-content: flex-start;
  width: 15px !important;
}

.hamburger-inner::after,
.hamburger-inner::before {
  width: 25px !important;
}

.hamburger-inner::before {
  top: -10px !important;
}

.hamburger-inner::after {
  bottom: -10px !important;
}

.hamburger.hamburger--3dx.is-active {
  display: none;
}

#sidr {
  width: 50%;
}

.sidr.right {
  right: calc(-50% - 30px);
}

#sidr .sidr-inner a.sidr-class-toggle-sidr-close {
  position: absolute;
  top: 40px !important;
  right: 0 !important;
  padding: 0;
  margin-right: 20px;
  background: none;
  color: #8FAF93 !important;
  font-size: 0px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.2 !important;
}

#sidr a.sidr-class-toggle-sidr-close i {
  padding-right: 0px !important;
  font-size: 25px;
  line-height: 1 !important;
}

#sidr .sidr-inner a.sidr-class-toggle-sidr-close:hover {
  color: #8FAF93 !important;
}

#sidr .sidr-inner:nth-child(3) {
  position: absolute;
  top: 105px;
  left: 0;
  display: block !important;
  width: 100% !important;
  height: calc(100% - 105px);
  padding: 30px;
  margin-top: -2px;
  margin-left: 0 !important;
  border-top: 1px solid rgb(0 0 0 / 10%);
  text-align: left;
  overflow-y: auto;
}

#sidr .sidr-inner:nth-child(3)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

#sidr .sidr-inner:nth-child(3)::-webkit-scrollbar-thumb {
  background-color: #EAC8CF;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

#sidr .sidr-inner:nth-child(3)::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}

.sidr-class-dropdown-menu ul {
  padding-top: 0px;
  margin-top: 10px !important;
}

.sidr-class-dropdown-menu ul li a {
  font-size: 25px;
}

.sidr-class-dropdown-menu li.active>a>.sidr-class-dropdown-toggle:before {
  font-size: 45px;
  line-height: 18px !important;
}

.sidr-class-dropdown-toggle {
  padding: 0;
  width: 20px;
}

.sidr-class-dropdown-menu li {
  border: none !important;
  margin-bottom: 10px !important;
}

.sidr-class-dropdown-menu li a {
  padding: 0 !important;
  border-bottom: none !important;
  text-align: left !important;
}

#icon-searchform-overlay form input {
  border-radius: 0 !important;
}

.oceanwp-sidr-overlay {
  background: #00000070;
  z-index: 1000;
}

.ww-mobile-header-logo-wrapper {
  position: absolute;
  left: 30px;
  top: 5px;
}

.ww-mobile-header-logo-inner img {
  max-width: 90px;
}

/*------header css end-------*/


/*-----hero css start----*/

.ww-hero-contact-form-col::before {
  backdrop-filter: blur(10px);
}

/*-----hero css end----*/

/*-----philosophy css start----*/

.ww-philosophy-row .ww-philosophy-col {
  width: calc(33.33% - 20px) !important;
}

.ww-philosophy-row .ww-philosophy-col:last-child {
  width: 100% !important;
}

/*-----philosophy css end----*/

/*------contact form css start-------*/

.ww-white-contact-form .gform_confirmation_message {
  color: #ffffff !important;
  background: rgb(235 202 209 / 30%);
  padding: 25px;
}

.gform_confirmation_message {
  font-size: 30px !important;
  line-height: 1.33 !important;
}

.gform_wrapper .gform_heading {
  display: none;
}

.gform_wrapper form span.gfield_required {
  display: none;
}

.gform_wrapper.gravity-theme .gform_fields,
.gform-theme--foundation .gform_fields {
  column-gap: 15px !important;
  row-gap: 15px !important;
}

.gform_wrapper.gravity-theme .ginput_complex,
.gform-theme--foundation .ginput_complex {
  margin-inline: -8px !important;
}

.gform_wrapper.gravity-theme .ginput_complex span,
.gform-theme--foundation .ginput_complex span {
  padding-inline: 8px !important;
}

.gform_wrapper.gravity-theme .ginput_container_address span,
.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type),
.gform-theme--foundation .ginput_container_address span,
.gform-theme--foundation .ginput_full:not(:last-of-type) {
  margin-bottom: 15px !important;
}

.gform-theme--foundation label,
.gform-theme--foundation legend {
  color: #444 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
  letter-spacing: 0;
}

.ww-white-contact-form .gform-theme--foundation label,
.ww-white-contact-form .gform-theme--foundation legend {
  color: #fff !important;
}

.ww-white-contact-form .gform_wrapper form input,
.ww-white-contact-form .gform_wrapper form select,
.ww-white-contact-form .gform_wrapper form textarea {
  background: #fff !important;
  border: 1px solid rgb(255 255 255 / 25%) !important;
}

.gform_wrapper form input,
.gform_wrapper form select,
.gform_wrapper form textarea {
  background: transparent !important;
  border: 1px solid rgb(0 0 0 / 25%) !important;
  border-radius: 0 !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 10px 20px !important;
  box-shadow: none !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #2A3540 !important;
  font-weight: 400 !important;
}

.gform_wrapper form textarea {
  height: 120px !important;
  min-height: 120px !important;
}


.gform_wrapper form input::placeholder,
.gform_wrapper form select::placeholder,
.gform_wrapper form textarea::placeholder {
  font-size: 18px !important;
  font-weight: 400;
  color: #2A3540 !important;
}

/* .ww-contact-form-col .gform_wrapper form input::placeholder,
.ww-contact-form-col .gform_wrapper form select::placeholder,
.ww-contact-form-col .gform_wrapper form textarea::placeholder {
color: #fff !important;
} */
.ww-white-contact-form .gform_wrapper form input:focus,
.ww-white-contact-form .gform_wrapper form select:focus,
.ww-white-contact-form .gform_wrapper form textarea:focus {
  border-color: #fff !important;
}

.gform_wrapper form input:focus,
.gform_wrapper form select:focus,
.gform_wrapper form textarea:focus {
  border-color: #000 !important;
}


.gform_wrapper form select option {
  color: #2A3540 !important;
}

.gform_footer {
  margin-top: 30px !important;
}

.gform_wrapper form input[type='submit'] {
  outline: none !important;
  margin-bottom: 0 !important;
  min-width: 160px !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform-theme--foundation .gfield_validation_message,
.gform-theme--foundation .validation_message {
  font-size: 13px !important;
  font-weight: 500;
  padding: 5px 10px !important;
}

input[type='checkbox']:checked:before {
  color: #8FAF93 !important;
}

.gform_wrapper form input.gfield-choice-input,
.gform_wrapper form input[type=checkbox] {
  height: 25px !important;
  min-height: 25px !important;
  width: 25px !important;
  min-width: 25px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ww-contact-form-col .elementor-widget-text-editor * {
  color: #fff !important;
}

.ww-contact-form-col {
  padding-left: calc((100% - 1390px) / 2 + 20px) !important;
}

/*------contact form css end-------*/

/*--------blog css start--------*/

#blog-entries {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#blog-entries article {
  padding: 0 10px;
  margin-bottom: 20px;
}

#blog-entries article .blog-entry-inner {
  background: #fff;
  border: none !important;
  padding: 0 25px 25px !important;
  height: 100% !important;
}

#blog-entries article .blog-entry-inner .thumbnail {
  position: relative;
  margin: 0 -25px;
}

#blog-entries article .blog-entry-inner .thumbnail::before {
  content: '';
  display: block;
  padding-top: 70%;
}

#blog-entries article .blog-entry-inner .thumbnail * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

#blog-entries article .blog-entry-inner .blog-entry-header {
  margin-bottom: 15px;
  margin-top: 0 !important;
}

#blog-entries article .blog-entry-inner .blog-entry-header .entry-title {
  display: flex;
  width: 100%;
}

#blog-entries article .blog-entry-inner .blog-entry-header .entry-title a {
  font-size: 26px !important;
  line-height: 1.1;
}

#blog-entries article .blog-entry-inner ul.meta {
  margin-top: 25px;
  margin-bottom: 15px;
  gap: 10px;
}

#blog-entries article .blog-entry-inner ul.meta li {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 0;
  color: #8FAF93;
}

#blog-entries article .blog-entry-inner ul.meta li i {
  font-size: 18px;
  font-weight: 900;
  color: #8FAF93;
}

#blog-entries article .blog-entry-inner .blog-entry-summary p {
  margin-bottom: 20px !important;
}

#blog-entries article .blog-entry-inner .blog-entry-readmore a {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000 !important;
}

#blog-entries article .blog-entry-inner .blog-entry-readmore i {
  display: none;
}

#blog-entries article .blog-entry-inner .blog-entry-readmore a:hover {
  color: #8FAF93 !important;
}

body.single-post article {
  width: 1200px !important;
  max-width: 96% !important;
  margin: 0 auto !important;
}

body.single-post article>* {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

body.single-post article .entry-content>* {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

body.single-post article .thumbnail {
  position: relative;
  margin-top: 0 !important;
}

body.single-post article .thumbnail::before {
  padding-top: 50% !important;
}

body.single-post article header.entry-header {
  margin-top: 10px !important;
}

body.single-post article header.entry-header .single-post-title {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  border: none;
  text-align: left;
}

body.single-post article ul.meta {
  justify-content: flex-start !important;
  align-items: center;
  padding-bottom: 0 !important;
  margin: 15px auto 20px !important;
  border: none;
}

body.single-post article ul.meta li {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}

body.single-post article ul.meta i {
  font-size: 14px !important;
  font-weight: 900;
  color: #8FAF93;
  padding-right: 6px !important;
}

#respond form {
  background: #000;
  padding: 40px;
}

#respond form input,
#respond form textarea {
  border-color: rgb(0 0 0 / 30%) !important;
}

#respond form input:focus,
#respond form textarea:focus {
  border-color: rgb(0 0 0 / 100%) !important;
}

#comments input#wp-comment-cookies-consent {
  padding: 0 !important;
}



.ww_blog_section_wrapper {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
}

.ww_blog_section_item {
  width: 33.333%;
  padding: 10px;
}

.ww_blog_section_item_inner {
  background: #fff;
  height: 100%;
}

.ww_blog_section_item_content_box {
  padding: 25px;
}

.ww_blog_section_item_date {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #8FAF93;
}

.ww_blog_section_item_date i {
  font-size: 18px;
}

.ww_blog_section_item_button {
  margin-top: 15px;
}


.ww_blog_section_item_title,
.ww_blog_section_item_title a {
  font-size: 26px;
  font-family: 'Playfair Display';
  color: #2a3540 !important;
  line-height: 1.1;
}

.ww_blog_section_item_title {
  margin-bottom: 15px;
}

.ww_blog_section_item_title_box_content {
  font-size: 18px;
}

.ww_blog_section_item_title:hover a {
  color: #8FAF93 !important;
}

.ww_blog_section_item_button a i {
  margin-left: 8px;
}

.ww_blog_section_item_button a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.ww_blog_section_item_button a:hover {
  color: #8FAF93;
}

.ww_blog_section_item_img {
  overflow: hidden;
  position: relative;
}

.ww_blog_section_item_img::before {
  content: "";
  display: block;
  padding-top: 70%;
}

.ww_blog_section_item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease;
}

.ww_blog_section_item_inner:hover .ww_blog_section_item_img img {
  transform: scale(1.1);
}

/*--------blog css end--------*/


/*-------- Footer css Start --------*/

.ww-custom-footer ul.menu {
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  gap: 5px 60px;
  text-transform: uppercase;
  font-weight: 600;
  background: rgb(234 200 207 / 20%);
  padding: 20px 40px;
  border-radius: 100vmax;
}

.ww-custom-footer ul.menu li a:hover {
  color: #8faf93 !important;
}

/*-------- Footer css end --------*/

/*----- Responsive css start -----*/

@media only screen and (min-width: 1921px) {
  .container {
    width: 71.3915% !important;
  }

  body {
    font-size: 0.989vw !important;
  }

  h1 {
    font-size: 3.906vw !important;
  }

  h2 {
    font-size: 3.125vw !important;
  }

  h3 {
    font-size: 2.083vw !important;
  }

  h4 {
    font-size: 1.562vw !important;
  }




  .button,
  #comment-submit,
  .gform_wrapper form input[type='submit'],
  .ww-white-contact-form .gform_wrapper form input[type='submit'] {
    font-size: 0.937vw !important;
    padding: 1.041vw 2.083vw !important;
  }


  .ww-checklist-item ul li {
    padding-left: 1.562vw;
    margin-bottom: 0.781vw;
  }

  .page-header {
    height: 18.229vw !important;
    padding-top: 3.125vw !important;
    padding-bottom: 3.125vw !important;
  }

  .page-header-title {
    font-size: 4.166vw !important;
  }

  #site-navigation-wrap .dropdown-menu>li>a {
    font-size: 0.937vw !important;
    padding: 0 0.729vw !important;
    line-height: 6.770vw !important;
  }

  .is-sticky #site-navigation-wrap .dropdown-menu>li>a {
    line-height: 5.208vw !important;
  }

  #site-logo #site-logo-inner a img {
    width: auto !important;
    height: 6.25vw !important;
    max-height: 6.25vw !important;
  }

  .is-sticky #site-logo #site-logo-inner a img {
    height: 4.687vw !important;
    max-height: 4.687vw !important;
  }

  .after-header-content-inner {
    height: 6.770vw !important;
    line-height: 6.770vw !important;
  }

  .is-sticky .after-header-content-inner {
    height: 5.208vw !important;
    line-height: 5.208vw !important;
  }

  .dropdown-menu .sub-menu {
    min-width: 13.020vw !important;
  }

  .dropdown-menu ul li a.menu-link {
    font-size: 0.833vw !important;
    padding: 0.625vw 0.781vw !important;
  }

.ww-custom-header.she-header .elementor-widget-image img {
  width:4.687vw !important;
}
.ww-custom-header .hfe-nav-menu>li.menu-item:not(:last-child){
  margin-right: 1.822vw !important;
}


.ww-hero-contact-form-col::before {
  backdrop-filter: blur(0.520vw);
}
  .ww-hero-info-col {
    padding-left: calc((100% - 72.395vw) / 2) !important;
  }

  .ww-philosophy-row .ww-philosophy-col {
    width: calc(33.33% - 1.041vw) !important;
  }

  .ww-contact-form-col {
    padding-left: calc((100% - 72.395vw) / 2 + 1.041vw) !important;
  }

  .gform_confirmation_message {
    font-size: 1.563vw !important;
  }

  .ww-contact-form-col .gform_confirmation_message {
    padding: 1.041vw;
  }

  .gform_wrapper.gravity-theme .gform_fields,
  .gform-theme--foundation .gform_fields {
    column-gap: 0.781vw !important;
    row-gap: 0.781vw !important;
  }

  .gform_wrapper.gravity-theme .ginput_complex,
  .gform-theme--foundation .ginput_complex {
    margin-inline: -0.417vw !important;
  }

  .gform_wrapper.gravity-theme .ginput_complex span,
  .gform-theme--foundation .ginput_complex span {
    padding-inline: 0.417vw !important;
  }

  .gform_wrapper.gravity-theme .ginput_container_address span,
  .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type),
  .gform-theme--foundation .ginput_container_address span,
  .gform-theme--foundation .ginput_full:not(:last-of-type) {
    margin-bottom: 0.781vw !important;
  }

  .gform-theme--foundation label,
  .gform-theme--foundation legend {
    font-size: 0.833vw !important;
  }

  .gform_wrapper form input,
  .gform_wrapper form select,
  .gform_wrapper form textarea {
    border-radius: 0.313vw !important;
    height: 3.125vw !important;
    min-height: 3.125vw !important;
    padding: 0.521vw 1.041vw !important;
    font-size: 0.937vw !important;
  }

  .gform_wrapper form textarea {
    height: 6.250vw !important;
    min-height: 6.250vw !important;
  }

  .gform_wrapper form input::placeholder,
  .gform_wrapper form select::placeholder,
  .gform_wrapper form textarea::placeholder {
    font-size: 0.937vw !important;
  }

  .gform_footer {
    margin-top: 1.562vw !important;
  }

  .gform_wrapper form input[type='submit'] {
    min-width: 8.333vw !important;
  }

  .gform_wrapper.gravity-theme .gfield_validation_message,
  .gform_wrapper.gravity-theme .validation_message,
  .gform-theme--foundation .gfield_validation_message,
  .gform-theme--foundation .validation_message {
    font-size: 0.677vw !important;
    padding: 0.260vw 0.521vw !important;
  }

  .gform_wrapper form input.gfield-choice-input,
  .gform_wrapper form input[type=checkbox] {
    height: 1.302vw !important;
    min-height: 1.302vw !important;
    width: 1.302vw !important;
    min-width:1.302vw !important;
  }

  .elementor-social-icon {
    --icon-padding: 0.833vw !important;
  }

  .elementor-widget-social-icons .elementor-grid {
    --grid-column-gap: 0.416vw !important;
  }

  #blog-entries article {
    padding: 0 0.520vw;
    margin-bottom: 1.041vw;
  }

  #blog-entries article .blog-entry-inner {
    padding: 0 1.302vw 1.302vw !important;
  }

  #blog-entries article .blog-entry-inner .thumbnail {
    margin: 0 -1.302vw;
  }

  #blog-entries article .blog-entry-inner .blog-entry-header {
    margin-bottom: 0.781vw;
  }

  #blog-entries article .blog-entry-inner .blog-entry-header .entry-title a {
    font-size: 1.354vw !important;
  }

  #blog-entries article .blog-entry-inner ul.meta {
    gap: 0.521vw;
    margin-top: 1.302vw;
    margin-bottom: 0.781vw;
  }

  #blog-entries article .blog-entry-inner ul.meta li {
    font-size: 0.833vw;
  }

  #blog-entries article .blog-entry-inner ul.meta li i {
    font-size: 0.937vw;
  }

  #blog-entries article .blog-entry-inner .blog-entry-summary {
    font-size: 0.937vw !important;
  }

  #blog-entries article .blog-entry-inner .blog-entry-summary p {
    margin-bottom: 1.042vw !important;
  }

  #blog-entries article .blog-entry-inner .blog-entry-readmore a {
    font-size: 0.833vw;
  }

  body.single-post article {
    width: 62.5vw !important;
  }

  body.single-post article header.entry-header {
    margin-top: 0.521vw !important;
  }

  body.single-post article header.entry-header .single-post-title {
    font-size: 3.125vw !important;
    margin-bottom: 0.521vw !important;
  }

  body.single-post article ul.meta {
    margin: 0.781vw auto 1.042vw !important;
  }

  body.single-post article ul.meta li {
    font-size: 0.781vw;
  }

  body.single-post article ul.meta i {
    font-size: 0.729vw !important;
    padding-right: 0.313vw !important;
  }

  #respond form {
    padding: 2.083vw;
  }

  .ww_blog_section_wrapper {
    margin: 0 -0.520vw;
  }

  .ww_blog_section_item {
    padding: 0.521vw;
  }

  .ww_blog_section_item_content_box {
    padding: 1.302vw;
  }

  .ww_blog_section_item_date {
    gap: 0.520vw;
    font-size: 0.833vw;
    margin-bottom: 0.781vw;
  }

  .ww_blog_section_item_date i {
    font-size: 0.937vw;
  }

  .ww_blog_section_item_title,
  .ww_blog_section_item_title a {
    font-size: 1.354vw;
  }

  .ww_blog_section_item_title {
    margin-bottom: 0.781vw;
  }

  .ww_blog_section_item_title_box_content {
    font-size: 0.938vw;
  }

  .ww_blog_section_item_button a {
    font-size: 0.833vw;
  }

  .ww_blog_section_item_button a i {
    margin-left: 0.417vw;
  }



  .ww-custom-footer ul.menu {
    gap: 0.260vw 3.125vw;
    padding: 1.041vw 2.083vw;
  }
.ww-custom-footer .hfe-nav-menu>li.menu-item:not(:last-child){
  margin-right: 2.604vw !important;
}
.ww-custom-footer .hfe-nav-menu>li.menu-item a {
  padding-top: 0.260vw !important;
  padding-bottom: 0.260vw !important;
}
  .elementor-widget-social-icons .elementor-grid {
    --grid-column-gap: 0.520vw !important;
  }

  .elementor-widget-social-icons .elementor-grid .elementor-grid-item {
    margin-bottom: 0.520vw !important;
  }


  #scroll-top {
    width: 2.083vw !important;
    height: 2.083vw !important;
    line-height: 2.083vw !important;
    right: 1.041vw !important;
    bottom: 1.041vw !important;
    font-size: 0.937vw !important;
  }
}

/*---end 1921px---*/


@media only screen and (max-width: 1380px) {

  h2 {
    font-size: 55px !important;
  }


  #site-header-inner {
    max-width: 100% !important;
    padding-inline: 20px;
  }

  .is-sticky #site-header-inner {
    padding-inline: 20px !important;
  }

  #site-navigation-wrap .dropdown-menu>li>a {
    padding: 0 12px !important;
    font-size: 16px !important;
  }

  .ww-header-contact-btn-inner .button {
    font-size: 16px !important;
    padding: 15px 25px !important;
  }

  .ww-contact-form-col {
    padding-left: 50px !important;
  }

  .page-header-title {
    font-size: 70px !important;
  }

}

/*---end 1380px---*/


@media only screen and (max-width: 1200px) {

  body {
    font-size: 18px !important;
  }

  h2 {
    font-size: 45px !important;
  }

  h3 {
    font-size: 35px !important;
  }

  h4 {
    font-size: 28px !important;
  }

  #site-navigation-wrap .dropdown-menu>li>a {
    padding: 0 8px !important;
    font-size: 15px !important;
  }

  .page-header {
    height: 280px !important;
  }

  .page-header-title {
    font-size: 60px !important;
  }

  .ww-philosophy-row .ww-philosophy-col {
    width: calc(33.33% - 14px) !important;
  }

  .ww-who-we-serve-row .ww-who-we-serve-col {
    width: calc(50% - 10px) !important;
  }

  .ww-contact-form-col {
    padding-left: 30px !important;
  }


  #blog-entries article .blog-entry-inner {
    padding: 0 20px 20px !important;
  }

  #blog-entries article .blog-entry-inner .thumbnail {
    margin: 0 -20px;
  }

  #blog-entries article .blog-entry-inner .blog-entry-header .entry-title a {
    font-size: 24px !important;
  }

  #blog-entries article .blog-entry-inner .blog-entry-summary {
    font-size: 17px !important;
  }

  body.single-post article header.entry-header .single-post-title {
    font-size: 50px !important;
  }

  #comments input:not(.submit),
  #comments textarea {
    padding: 10px 20px !important;
  }

  .ww_blog_section_item_title,
  .ww_blog_section_item_title a {
    font-size: 24px;
  }

  .ww_blog_section_item_content_box {
    padding: 20px;
  }

  .ww_blog_section_item_title_box_content {
    font-size: 17px;
  }

  .gform_confirmation_message {
    font-size: 25px !important;
  }

  .ww-custom-footer ul.menu {
    gap: 5px 40px;
  }
}

/*---end 1200px---*/

@media only screen and (max-width: 1024px) {

  h2 {
    font-size: 35px !important;
  }

  h3 {
    font-size: 30px !important;
  }

  h4 {
    font-size: 25px !important;
  }

  #site-logo #site-logo-inner a img {
    max-width: 90px;
  }

  #site-logo #site-logo-inner,
  .oceanwp-mobile-menu-icon a {
    height: 100px !important;
    line-height: 100px !important;
  }


  .page-header {
    height: 240px !important;
  }

  .page-header-title {
    font-size: 55px !important;
  }

  .ww-philosophy-row .ww-philosophy-col {
    width: calc(50% - 10px) !important;
  }

  .ww-contact-form-col {
    padding-left: 20px !important;
  }

  body.blog #main #content-wrap,
  body.single-post #main #content-wrap {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  body.single-post article header.entry-header .single-post-title {
    font-size: 45px !important;
  }

  #blog-entries article {
    width: 50% !important;
  }

  .ww_blog_section_item {
    width: 50%;
  }

  #respond form {
    padding: 30px;
  }

  .gform_wrapper form input,
  .gform_wrapper form select,
  .gform_wrapper form textarea {
    height: 55px !important;
    min-height: 55px !important;
    padding: 10px 15px !important;
    font-size: 17px !important;
  }

  .gform_wrapper form textarea {
    height: 100px !important;
    min-height: 100px !important;
  }

  .gform_wrapper form input::placeholder,
  .gform_wrapper form select::placeholder,
  .gform_wrapper form textarea::placeholder {
    font-size: 17px !important;
  }

  .gform_confirmation_message {
    font-size: 22px !important;
  }

  .ww-custom-footer ul.menu {
    gap: 5px 25px;
    padding: 15px 25px;
  }
}

/*---end 1024px---*/


@media only screen and (max-width: 959px) {}

/*---end 959px---*/


@media only screen and (max-width: 767px) {

  .page-header {
    height: auto !important;
  }

  .page-header-title {
    font-size: 45px !important;
  }

  .ww-who-we-serve-row .ww-who-we-serve-col {
    width: 100% !important;
  }

  .ww-custom-footer ul.menu {
    gap: 2px 15px;
    font-size: 15px;
    padding: 12px 20px;
  }
}

/*---end 767px---*/


@media only screen and (max-width: 600px) {

  h2 {
    font-size: 28px !important;
  }

  h3 {
    font-size: 24px !important;
  }

  h4 {
    font-size: 22px !important;
  }

  #sidr {
    width: 100%;
  }

  .sidr.right {
    right: calc(-100% - 30px);
  }

  .ww-philosophy-row .ww-philosophy-col {
    width: 100% !important;
  }

  #blog-entries article {
    width: 100% !important;
  }

  .ww_blog_section_item {
    width: 100%;
  }
}

/*---end 600px---*/


@media only screen and (max-width: 480px) {}

/*---end 480px---*/