/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.blogDetailsSec {
  padding-bottom: calc(14px + 3.4375vw);
  padding-top   : calc(130px + 3.4375vw);
}

.social_icons.mobileIcon {
  display: none
}

.form-title {
  padding: 0 !important
}

.blogDetailsSec .page-container {
  margin-inline : auto; 
  max-width: 1100px!important;
  padding-inline: 12px
}

.blogDetailsSec .row {
  display        : flex;
  flex-direction : row;
  flex-wrap      : wrap;
  gap            : 40px !important;
  justify-content: space-between
}

.blogDetailsSec .column-12 {
  width: 100%
}

.blogDetailsSec .column-7 {
  width: calc(75% - 40px)
}

.blogDetailsSec .column-3 {
  max-width: 350px;
  width    : 25%
}

.blogDetailsSec_content_title {
  color        : #2b2065;
  font-family  : var(--font-family-heading);
  font-size    : calc(20px + 1.875vw);
  margin-bottom: 60px
}

.blogDetailsSec_content_desc{
  color        : #2b2065;
  text-align: justify;
}
.blogDetailsSec_content_desc :where(p,h1,h2,h3,h4,h5,h6,img) {
  margin-bottom:10px;
}

.blogDetailsSec_content_featuredimg {
  border-radius: 16px;
  height       : 330px;
  max-width    : 100%;
  object-fit   : cover;
  width        : 100%;
}

.blogDetailsSec .blogDetailsSec_rightbox {
  display       : flex;
  flex-direction: column;
  gap           : 80px;
  height        : 100%
}

.blogDetailsSec_relatedBlogs_title {
  color        : #2b2065;
  font-size    : calc(15.2px + .875vw);
  font-weight  : 500;
  margin-bottom: 30px
}

.blogDetailsSec_relatedBlogs_list {
  list-style: none;
  margin    : 0;
  padding   : 0
}

.blogDetailsSec_relatedBlogs_list li {
  border-bottom : 1px solid #ebe0f1;
  margin-bottom : 16px;
  padding-bottom: 16px
}

.blogDetailsSec_relatedBlogs_list h3 {
  color        : #2b2065;
  font-size    : 18px;
  font-weight  : 500;
  margin-bottom: 20px
}

.blogDetailsSec_relatedBlogs_list_footer {
  align-items    : center;
  color          : #545454;
  display        : flex;
  font-size      : 12px;
  justify-content: space-between
}

.blogDetailsSec_relatedBlogs_list_footer_info {
  align-items: center;
  display    : flex
}

.blogDetailsSec_relatedBlogs_list_footer_info_time {
  border-right : 1px solid #545454;
  margin-right : 8px;
  padding-right: 8px
}

.blogDetailsSec_addblock {
  border-radius: 20px;
  overflow     : hidden;
  position     : sticky;
  top          : 120px
}

.blogDetailsSec_addblock img {
  width: 100%
}

.blogDetailsSec_addblockContent.styleOne,
.blogDetailsSec_addblockContent.styleThree,
.blogDetailsSec_addblockContent.styleTwo {
  border-radius  : 30px;
  display        : flex;
  flex-direction : column;
  justify-content: center;
  overflow       : hidden;
  position       : relative
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner {
  display        : flex;
  flex-direction : column;
  height         : 100%;
  justify-content: space-between;
  left           : 0;
  padding        : 64px 22px 50px;
  position       : absolute;
  top            : 0;
  width          : 100%;
  z-index        : 1
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner_img {
  position: absolute;
  top     : 26px;
  width   : 70px !important
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner_center {
  background-repeat: no-repeat;
  background-size  : 100% 100%;
  padding          : 25px 20px;
  position         : relative;
  text-align       : center
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner_center_icon {
  margin-left : auto;
  margin-right: auto;
  max-width   : 45px !important;
  width       : auto;
  margin-top  : 10px;
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner_title {
  color      : #2b2065;
  font-family: var(--font-family-heading);
  font-size  : 26px;
  font-weight: 500;
  line-height: 1.2;
  margin     : 10px auto;
  max-width  : 220px
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner_subtitle {
  color      : #fff;
  font-size  : 12px;
  font-weight: 300;
  line-height: 1.4;
  text-align : center
}

.blogDetailsSec_addblockContent.styleThree .styleThree_inner_subtitle span {
  font-weight: 600
}

.blogDetailsSec_addblockContent.styleThree .btn {
  background-color: #f5514c;
  border          : none;
  border-radius   : 10px;
  box-shadow      : 0 3px 0 0 #2b2065;
  color           : #fff;
  cursor          : pointer;
  font-size       : 9px;
  font-weight     : 600;
  max-width: 150px;
  padding: 12px 10px;
  text-align      : center;
  width           : 100%
}

.shape {
  aspect-ratio : 381/467;
  background   : #fff;
  border-radius: 10px;
  box-shadow   : 0 18px 40px rgba(0, 0, 0, .12);
  clip-path    : polygon(40% 2%, 94% 9%, 98% 28%, 96% 66%, 86% 88%, 56% 98%, 26% 92%, 8% 76%, 2% 55%, 6% 32%, 18% 16%);
  position     : relative;
  width        : 380px
}

.shape:after {
  background    : linear-gradient(180deg, hsla(0, 0%, 100%, .3), transparent 40%);
  clip-path     : inherit;
  content       : "";
  inset         : 0;
  mix-blend-mode: screen;
  pointer-events: none;
  position      : absolute
}

.blogDetailsSec_addblockContent.styleTwo .styleTwo_inner {
  left    : 0;
  padding : 35px 28px 0;
  position: absolute;
  top     : 0;
  width   : 100%;
  z-index : 1
}

.blogDetailsSec_addblockContent.styleOne .styleOne_inner {
  align-items   : center;
  display       : flex;
  flex-direction: column;
  height        : 100%;
  left          : 0;
  padding       : 52px 28px 40px;
  position      : absolute;
  text-align    : center;
  top           : 0;
  width         : 100%;
  z-index       : 1;
}

.blogDetailsSec_addblockContent.styleTwo .styleTwo_inner_title {
  color         : #2b2065;
  font-size     : 26px;
  font-weight   : 700;
  line-height   : 1.1;
  margin-bottom : 10px;
  text-transform: uppercase
}

.blogDetailsSec_addblockContent.styleOne .styleOne_inner_title {
  color         : #2b2065;
  font-family   : var(--font-family-impact);
  font-size     : 36px;
  font-weight   : 600;
  letter-spacing: 2px;
  line-height   : 1.2;
  margin-bottom : 30px;
  text-transform: uppercase
}

.blogDetailsSec_addblockContent.styleOne .styleOne_inner_img {
  margin-top: auto;
  width     : 85px
}

.blogDetailsSec_addblockContent.styleTwo .styleTwo_inner_subtitle {
  color        : #2b2065;
  font-size    : 12px;
  font-weight  : 300;
  line-height  : 1.2;
  margin-bottom: 20px
}

.blogDetailsSec_addblockContent.styleTwo .styleTwo_inner_subtitle span {
  font-weight: 600
}

.blogDetailsSec_addblockContent.styleTwo .btn {
  background-color: #fff;
  color           : #8347af
}

.blogDetailsSec_addblockContent.styleOne .btn,
.blogDetailsSec_addblockContent.styleTwo .btn {
  align-items    : center;
  border         : none;
  border-radius  : 10px;
  box-shadow     : 0 3px 0 0 #2b2065;
  cursor         : pointer;
  display        : flex;
  font-size      : 10px;
  font-weight    : 500;
  gap            : 5px;
  justify-content: center;
  padding        : 12px 8px;
  text-align     : center;
  width          : 100%
}

.blogDetailsSec_addblockContent.styleOne .btn {
  background-color: #d7332e;
  color           : #fff
}

.blogDetailsSec_addblockContent.styleTwo .btn span {
  font-weight: 700
}

.blogDetailsSec_addblockContent.styleTwo .btn img {
  margin-left: 5px;
  max-width  : 50px
}

.relatedBlogSec {
  padding-bottom: calc(14px + 3.4375vw)
}

.relatedBlogSec .page-container {
  margin-inline : auto;
  max-width     : 1464px !important;
  padding-inline: 12px
}

.relatedBlogSec .relatedBlogSec_title {
  color        : #2b2065;
  font-size    : calc(15.2px + .875vw);
  font-weight  : 500;
  margin-bottom: 30px
}

.relatedBlogSec .row {
  display              : grid;
  gap                  : 30px;
  grid-template-columns: repeat(3, 1fr);
  margin-left          : 0;
  margin-right         : 0
}

.relatedBlogSec .relatedBlogSec_card {
  border-radius: 20px;
  display      : flex;
  gap          : 20px;
  height       : 300px;
  overflow     : hidden;
  position     : relative;
  transition   : all .3s ease;
  width        : 100%
}

.relatedBlogSec .relatedBlogSec_card:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
  transform : scale(1.01)
}

.relatedBlogSec .relatedBlogSec_card img {
  height    : 100%;
  object-fit: cover;
  width     : 100%
}

.relatedBlogSec .relatedBlogSec_card:after {
  background: #00000040;
  content   : "";
  height    : 100%;
  left      : 0;
  position  : absolute;
  top       : 0;
  width     : 100%
}

.relatedBlogSec .relatedBlogSec_card_title {
  backdrop-filter: blur(4px);
  background     : linear-gradient(179.99999999999977deg, #fff0, #ffffff14);
  bottom         : 0;
  color          : #fff;
  font-size      : 24px;
  font-weight    : 500;
  left           : 0;
  line-height    : 1.2;
  padding        : 30px;
  position       : absolute;
  transition     : all .3s ease;
  width          : 100%;
  z-index        : 1
}

.relatedBlogSec .relatedBlogSec_card_title:hover {
  color: #fff
}

.contactFormSec,
.contactFormSec .page-container {
  height: 100%
}

.contactFormSec_left_content {
  align-items    : start;
  display        : flex;
  flex-direction : column;
  gap            : 20px;
  height         : 100%;
  justify-content: space-between;
  left           : 0;
  padding        : 20px;
  position       : absolute;
  top            : 0;
  width          : 100%;
  z-index        : 2
}

#hs-subscriptions-survey-submit-button:focus,
#hs-subscriptions-survey-submit-button:hover,
.hs-form .hs-button:focus,
.hs-form .hs-button:hover,
:is(.hs-form, .hs-elevate-system-form) input[type=submit]:focus,
:is(.hs-form, .hs-elevate-system-form) input[type=submit]:hover {
  background-color: var(--primary-color);
  border-color    : var(--primary-color);
  border-width    : var(--hsElevate--button--primary__hover--borderThickness);
  color           : var(--hsElevate--button--primary__hover--textColor);
  outline         : none;
  text-decoration : none
}

.contactFormSec_right .hs-form-field .input {
  display: flex
}

.contactFormSec_left_title {
  border-bottom : 1px solid #fff;
  color         : #fff;
  font-family   : var(--font-family-heading);
  font-size     : 26px;
  margin-bottom : 15px;
  padding-bottom: 15px
}

.hs_error_rollup label.hs-main-font-element {
  color      : red;
  font-weight: 400
}

.contactFormSec_left_subtitle {
  color      : #fff;
  font-size  : 14px;
  font-weight: 300;
  line-height: 22px
}

.contactFormSec_left:before {
  background: linear-gradient(180deg, #000, transparent);
  content   : "";
  left      : 0;
  min-height: 95px;
  position  : absolute;
  top       : 0;
  width     : 100%
}

.contactFormSec_left:after {
  background: linear-gradient(0deg, #000, transparent);
  bottom    : 0;
  content   : "";
  left      : 0;
  min-height: 280px;
  position  : absolute;
  width     : 100%
}

.contactFormSec_left img.logoImg {
  height    : auto;
  max-height: 100%;
  max-width : 100%;
  object-fit: none;
  width     : auto
}

.contactFormSec .row {
  display        : flex;
  flex-wrap      : nowrap;
  gap            : 24px !important;
  height         : 100%;
  justify-content: space-between;
  margin-left    : 0;
  margin-right   : 0
}

.contactFormSec .row .column {
  width: calc(50% - 8px)
}

.contactFormSec .row .h-100 {
  position: sticky;
  top     : 0
}

.contactFormSec_left {
  border-radius: 7px;
  display      : flex;
  height       : 100%;
  overflow     : hidden;
  position     : relative
}

.contactFormSec_left img {
  height    : 100%;
  object-fit: cover;
  width     : 100%
}

.contactFormSec_right {
  max-height     : 618px;
  overflow       : auto;
  scrollbar-width: none
}

.contactFormSec_right_title {
  color        : #2b2065;
  font-family  : var(--font-family-heading);
  font-size    : 22px;
  margin-bottom: 10px
}

.contactFormSec_right_subtitle {
  color        : #2b2065;
  font-size    : 12px;
  margin-bottom: 10px
}

.contactFormSec_right .hs-form {
  border : none;
  padding: 0
}

.contactFormSec_right .hs-form-field {
  margin-bottom: 10px
}

.contactFormSec_right .hs-form-field label {
  color        : #2b2065;
  display      : block;
  font-size    : 14px;
  font-weight  : 400;
  margin-bottom: 2px !important
}

.contactFormSec_right .hs-form-field .hs-input {
  background-color: #fff;
  border          : 1px solid #2b206538;
  border-radius   : 8px;
  font-size       : 14px;
  height          : 36px;
  line-height     : normal;
  outline         : none;
  padding         : 5px 10px;
  width: 100%;
}

.contactFormSec_right .hs-form-field .hs-input.hs-fieldtype-textarea {
  resize: none
}

.contactFormSec_right .hs-submit {
  margin-top: 30px
}

.contactFormSec_right .hs-submit .hs-button {
  background-color: var(--primary-color);
  border          : 1px solid var(--primary-color);
  border-radius   : 8px;
  color           : var(--white-color) !important;
  font-size       : 14px;
  font-weight     : 500 !important;
  height          : 36px;
  padding-block: inherit;
  text-decoration : none;
  text-transform  : capitalize;
  transition      : all .3s ease;
  width           : 100%;
  cursor          : pointer;
}

.contactFormSec_right .hs-form-field label.hs-error-msg {
  color    : red;
  font-size: 12px
}

.contactFormSec_right .hs-submit .hs-button:hover {
  background: transparent;
  border    : 1px solid var(--primary-color) !important;
  color     : var(--primary-color) !important;
}

:is(.hs-form, .hs-elevate-system-form) label {
  font-size    : 12px !important;
  margin-bottom: 0 !important
}

.hs-form .hs-error-msg,
.hs-form .hs-error-msgs {
  margin-block-start: 0 !important
}

.modal {
  align-items     : center;
  backdrop-filter : blur(6px);
  background-color: rgba(0, 0, 0, .5);
  display         : none;
  inset           : 0;
  justify-content : center;
  padding         : 50px 20px;
  position        : fixed;
  z-index         : 10000
}

.modal.is-open {
  display: flex
}

.modal-content {
  animation    : modalIn .2s ease;
  background   : #fff;
  border-radius: 6.4px;
  box-shadow   : 0 6px 25px rgba(0, 0, 0, .25);
  height       : 650px;
  padding      : 16px;
  position     : relative;
  width        : 850px
}

.modal-close {
  align-items    : center;
  cursor         : pointer;
  display        : inline-flex;
  justify-content: center;
  position       : absolute;
  right          : 16px;
  top            : 12px
}

.modal-close01 {
  align-items    : center;
  cursor         : pointer;
  display        : inline-flex;
  justify-content: center;
  position       : absolute;
  right          : 16px;
  top            : 12px
}

.showModal .blogDetailsSec_addblock{
  position: relative;
  top: 0px;
}

.modal.contactModal .contactModal_bg{
  position:absolute;
  width:100%;
  height:100%;
  left:0px;
  right:0px;
  top:0px
    bottom:0px;
  margin: auto;
  object-fit:cover;
  pointer-events: none;
}

.modal.contactModal .modal-content{
  background-color: #2B2065;
  overflow: hidden;
  height: 650px;
  animation: modalIn .2s ease;
  border-radius: 6.4px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, .25);
  padding: 16px;
  position: relative;
  width: 850px;
}

.modal.contactModal .contactModal_left_head{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ffffff;
}

.modal.contactModal .contactModal_left_head_title{
  color: #fff;
  font-size: 25px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 10px;
}

.modal.contactModal .contactModal_left_head_para{
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
  margin-bottom: 0;
}

.modal.contactModal .contactModal_left_body_title{
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 24px;
}

.modal.contactModal .contactModal_left_body ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.modal.contactModal .contactModal_left_body ul li svg{
  width:25px;
  margin-right: 10px;
}

.modal.contactModal .contactModal_left_body ul li{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
  align-items: start;
}

.modal.contactModal .contactModal_left_body ul li:not(:last-child){
  margin-bottom:10px;
}

.modal.contactModal .contactFormSec_right{
  padding:18px;
  background-color:#ffffff;
  border-radius:20px;
  position: relative;
  margin-top: 8px;
}

@keyframes modalIn {
  0% {
    opacity  : 0;
    transform: translateY(-16px)
  }

  to {
    opacity  : 1;
    transform: translateY(0)
  }
}

.social_icons {
  display       : flex;
  flex-direction: column;
  gap           : 8px;
  left          : 8px;
  position      : fixed;
  top           : 70%;
  transform     : translateY(-50%);
  z-index       : 999
}

.social_icons_imgbox {
  align-items    : center;
  background     : #f2f0fe;
  border-radius  : 5px;
  display        : inline-flex;
  height         : 40px;
  justify-content: center;
  padding        : 8px;
  width          : 40px;
  z-index        : 9
}

.social_icons_imgbox a {
  display: inline-flex;
}

.social_icons_imgbox a img {
  width : 24px;
  height: 24px;
}

.blogDetailsSec_content_desc .hs_cos_wrapper img {
  max-width: 100%
}

.blogDetailsSec_relatedBlogs.mobileBlog {
  display: none
}

@media (max-width: 1499px) {
  .blogDetailsSec_content_title {
    font-size: 40px
  }

  .blogDetailsSec_content_featuredimg {
    height: 300px
  }

  .relatedBlogSec .page-container {
    max-width: 1314px !important
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h2 {
    font-size: 30px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h3 {
    font-size: 26px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h4 {
    font-size: 24px
  }

  .blogDetailsSec .blogDetailsSec_rightbox {
    gap: 50px
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner_title {
    font-size: 30px
  }

  .relatedBlogSec .relatedBlogSec_card_title {
    font-size: 20px;
    padding  : 20px
  }

  .relatedBlogSec .relatedBlogSec_title {
    margin-bottom: 20px
  }

  .blogDetailsSec .row {
    gap: 20px!important
  }

  .blogDetailsSec .column-7 {
    width: calc(70% - 30px)
  }

  .blogDetailsSec .column-3 {
    max-width: 350px;
    width    : 30%
  }
}

@media (max-width: 1399px) {
  .blogDetailsSec_content_title {
    font-size: 32px
  }

  .blogDetailsSec_content_featuredimg {
    height: 250px
  }

  .blogDetailsSec .blogDetailsSec_rightbox {
    gap: 30px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h2 {
    font-size: 24px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h3 {
    font-size: 22px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h4 {
    font-size: 20px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper p {
    font-size: 16px
  }

  .relatedBlogSec .relatedBlogSec_card {
    height: 250px
  }

  .blogDetailsSec_relatedBlogs_list h3 {
    font-size: 16px
  }

  .social_icons {
    left: 0
  }

  .blogDetailsSec_addblockContent.styleOne .styleOne_inner {
    padding: 40px 30px 60px
  }

  .blogDetailsSec_addblockContent.styleOne .styleOne_inner_title {
    margin-bottom: 20px
  }

  .relatedBlogSec .page-container {
    max-width: 1130px !important
  }
}

@media (max-width: 1199px) {
  .blogDetailsSec_content_title {
    font-size: 28px
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner {
    padding: 75px 20px 50px
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner_title {
    font-size: 24px
  }
  .blogDetailsSec_addblockContent.styleTwo .styleTwo_inner {
    padding: 30px 30px 0
  }

  .blogDetailsSec_addblockContent.styleTwo .btn img {
    display: none
  }

  .blogDetailsSec .page-container,
  .relatedBlogSec .page-container {
    max-width: 100% !important;
  }

  .social_icons.desktopIcon {
    display: none
  }

  .social_icons.mobileIcon {
    display       : flex !important;
    flex-direction: row;
    gap           : 5px;
    position      : static;
    transform     : inherit;
    margin-top    : 20px;
  }

  .social_icons_imgbox {
    height : 34px;
    padding: 6px;
    width  : 34px
  }
}

@media (max-width: 991.98px) {
  .blogDetailsSec_relatedBlogs.desktopBlog {
    display: none
  }

  .blogDetailsSec_relatedBlogs.mobileBlog {
    display: block;
    width  : 100%
  }

  .blogDetailsSec_relatedBlogs_title {
    margin-bottom: 20px
  }

  .blogDetailsSec_relatedBlogs_list h3 {
    margin-bottom: 10px
  }

  .blogDetailsSec_relatedBlogs_list li {
    margin-bottom : 10px;
    padding-bottom: 10px
  }

  .blogDetailsSec_addblockContent.styleOne,
  .blogDetailsSec_addblockContent.styleThree,
  .blogDetailsSec_addblockContent.styleTwo {
    border-radius: 15px
  }

  .blogDetailsSec_addblockContent.styleOne .styleOne_inner {
    padding: 20px 15px 30px
  }

  .blogDetailsSec_addblockContent.styleOne .styleOne_inner_title {
    font-size: 30px
  }

  .blogDetailsSec_addblockContent.styleOne .btn,
  .blogDetailsSec_addblockContent.styleTwo .btn {
    border-radius: 4px;
    padding      : 10px
  }

  .blogDetailsSec_addblockContent.styleOne .styleOne_inner_img {
    width: 65px
  }

  .blogDetailsSec_content_title {
    font-size    : 24px;
    margin-bottom: 20px
  }

  .blogDetailsSec_content_featuredimg {
    height: 220px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper p {
    font-size: 14px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h2 {
    font-size: 22px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h3 {
    font-size: 20px
  }

  .blogDetailsSec_content_desc .hs_cos_wrapper h4 {
    font-size: 18px
  }

  .blogDetailsSec_addblockContent.styleTwo .styleTwo_inner {
    padding: 20px 15px 0
  }

  .blogDetailsSec_addblockContent.styleTwo .styleTwo_inner_title {
    font-size: 22px
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner {
    padding: 60px 10px 30px
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner_img {
    left    : 20px;
    position: absolute;
    top     : 20px;
    width   : 55px !important
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner_subtitle {
    font-size: 14px
  }


  .blogDetailsSec_addblockContent.styleThree .styleThree_inner_title {
    font-size    : 20px;
    margin-bottom: 10px;
    margin-top   : 10px;
    max-width    : 180px
  }
}

@media (max-width: 767.98px) {
  .blogDetailsSec .row {
    gap            : 15px !important;
    justify-content: center
  }

  .blogDetailsSec .column-7 {
    width: 100%
  }

  .blogDetailsSec .column-3 {
    max-width: 235px;
    min-width: 235px;
    width    : auto
  }

  .blogDetailsSec_addblockContent.styleThree .styleThree_inner_center {
    padding-left : 15px;
    padding-right: 15px
  }

  .relatedBlogSec .relatedBlogSec_card {
    height: 200px
  }

  .relatedBlogSec .relatedBlogSec_card_title {
    font-size: 16px;
    padding  : 20px
  }

  .blogDetailsSec {
    padding-bottom: 20px;
  }

  .modal-content {
    border-radius: 12px;
    min-height   : 380px
  }

  .modal-close {
    right: 8px;
    top  : 8px
  }

  .relatedBlogSec {
    padding-bottom: 20px
  }

  .blogDetailsSec_relatedBlogs_list h3 {
    font-size: 14px
  }

  .contactFormSec .row .h-100 {
    display: none
  }

  .contactFormSec .row .column {
    width: 100%
  }

  .modal-content {
    height: auto
  }

  .contactFormSec_right {
    max-height: calc(100vh - 180px)
  }
}