.hover-box1 .hover-cont .inner {
  font-size: 3rem !important;
}
.services-dots {
  position: relative;
}

.cascadeContainer.layout-header.type-case-study:nth-child(4)
  .services-dots:hover::before {
  position: absolute;
  content: "MG Influencer, MG Studio, MG Platform, MG Media";
  font-size: 13px;
  top: 2px;
  left: 0;
  width: 100%;
  padding-left: 90px;
}
#site-header .header-inner .services-cont .services:before {
  background-color: #f9f000 !important;
}
#site-header .header-inner .services-cont .services:after {
  background-color: #ffff62 !important;
}
#site-header .header-inner .services-cont .services span.animate::before {
  background-color: #ffff91 !important;
}
#site-header .header-inner .services-cont .services span.animate::after {
  background-color: #ffffca !important;
}
.home .layout-client_list.custom-bg-color.layout-client_list.custom-bg-color {
  background-color: #1d1d1d !important;
}
.layout-image_with_text.custom-bg-color.wht-fc .narrow-well.over-round-overlay {
  z-index: 5;
}

.iwht-items > *.active .line {
  display: none;
}
.iwht-items > *.active .title {
  font-family: "Noto Serif Display", serif;
  font-style: italic;
  font-weight: 600;
}

/** Slider Style **/
.mobile-client {
  display: none;
}
.mobile-client .owl-nav {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 19%;
  font-size: 35px;
}
.mobile-client .owl-nav button {
  position: relative;
}
.mobile-client .owl-nav button:first-child {
  left: -15px;
}
.mobile-client .owl-nav button:last-child {
  right: -15px;
}

.mobile-client .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}

.mobile-client button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #111 !important;
}

.mobile-client button.owl-dot.active {
  background-color: #000 !important;
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .mobile-client {
    display: block;
    padding: 0 25px;
  }
  .c-inline.clients.strapline {
    display: none;
  }
  .mobile-client .item {
    text-align: center;
  }
  .mobile-client .item img {
    width: 80%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .hover-box1 .hover-cont .inner {
    font-size: 2.5rem !important;
  }
}
@media screen and (max-width: 991px) {
  #site-footer .main .footer-content > li.widget_text {
    display: none;
  }
  #site-footer .main .mb3e.m-none {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .hover-box1 .hover-cont .inner {
    font-size: 2rem !important;
  }
  #get-in-touch {
    bottom: 25px !important;
  }
  #site-footer .main .mb3e.m-none {
    display: block !important;
  }
  #ot-sdk-btn-floating.ot-floating-button {
    bottom: 32px !important;
  }
  .cascadeContainer.layout-header.type-case-study:nth-child(4)
    .services-dots:hover::before {
    font-size: 12px;
    top: 25px;
    left: 0;
    padding-left: 0;
  }
}

#get-in-touch .chat1 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjMzNTIgMy42NjQxNUMxOC45NzQ0IDEuMzAzMzkgMTUuODM4OSAwIDEyLjQ5OTMgMEM5LjE1OTcxIDAgNi4wMjQyNCAxLjMwMzM5IDMuNjYzNDcgMy42NjQxNUMtMC44OTA1NDcgOC4yMTgxNyAtMS4yMjAzMiAxNS40OTQxIDIuODM2NDIgMjAuNDI1QzIuMjc2MzMgMjEuNTcxNCAxLjYxNjc4IDIyLjMzNTYgMC44NjgyNDcgMjIuNzAyMUMwLjQxMjg0NSAyMi45MjcxIDAuMTU2MzU1IDIzLjQxOTIgMC4yMjk2MzggMjMuOTIxN0MwLjMwODE1NSAyNC40Mjk0IDAuNjk1NTA5IDI0LjgyMiAxLjIwMzI2IDI0LjkwMDVDMS40ODA2OCAyNC45NDI0IDEuNzc5MDUgMjQuOTY4NiAyLjA4Nzg5IDI0Ljk2ODZDMy42MjE2IDI0Ljk2ODYgNS4yMzM4MyAyNC40Mzk5IDYuNTc5MDkgMjMuNTEzNEM4LjM5MDIzIDI0LjQ4NyAxMC40MjY1IDI1IDEyLjQ5OTMgMjVDMTUuODM4OSAyNSAxOC45NzQ0IDIzLjcwMTggMjEuMzM1MiAyMS4zNDExQzIzLjY5NTkgMTguOTgwMyAyNC45OTQxIDE1LjgzOTYgMjQuOTk0MSAxMi41MDUyQzI0Ljk5NDEgOS4xNzA4NSAyMy42OTU5IDYuMDI0OTIgMjEuMzM1MiAzLjY2NDE1Wk0yMC4zMzU0IDIwLjMzNjFDMTguMjQxNiAyMi40Mjk5IDE1LjQ1NjggMjMuNTgxNCAxMi40OTkzIDIzLjU4MTRDMTAuNTIwNyAyMy41ODE0IDguNTc4NjcgMjMuMDUyOCA2Ljg4NzkzIDIyLjA1ODJDNi43NzggMjEuOTk1NCA2LjY1MjM4IDIxLjk1ODggNi41MzE5OCAyMS45NTg4QzYuMzgwMTggMjEuOTU4OCA2LjIyMzE1IDIyLjAxMTEgNi4wOTc1MiAyMi4xMDUzQzQuNDk1NzYgMjMuMzQ1OSAyLjg4MzUzIDIzLjUyOTEgMi4xNzY4NyAyMy41NDQ4QzMuMDE5NjMgMjIuOTE2NyAzLjcyNjI5IDIxLjk0MyA0LjMxNzc5IDIwLjU4NzNDNC40Mjc3MSAyMC4zMzYxIDQuMzgwNiAyMC4wNDI5IDQuMTk3MzkgMTkuODMzNUMwLjMyMzg1OCAxNS40NTc1IDAuNTI4MDA0IDguNzg4NzQgNC42NjMyNiA0LjY1MzQ4QzYuNzU3MDcgMi41NTk2NyA5LjU0MTgyIDEuNDA4MDggMTIuNDk5MyAxLjQwODA4QzE1LjQ1NjggMS40MDgwOCAxOC4yNDE2IDIuNTU5NjcgMjAuMzM1NCA0LjY1MzQ4QzI0LjY1OTEgOC45ODI0MSAyNC42NTkxIDE2LjAxNzYgMjAuMzM1NCAyMC4zMzYxWiIgZmlsbD0iI0ZGRkYwQiIvPgo8cGF0aCBkPSJNMTcuNzMzOCA4LjM3NUg3LjI2NDc2QzYuODcyMTggOC4zNzUgNi41NTgxMSA4LjY4OTA3IDYuNTU4MTEgOS4wODE2NkM2LjU1ODExIDkuNDc0MjUgNi44NzIxOCA5Ljc4ODMyIDcuMjY0NzYgOS43ODgzMkgxNy43MzM4QzE4LjEyNjQgOS43ODgzMiAxOC40NDA0IDkuNDc0MjUgMTguNDQwNCA5LjA4MTY2QzE4LjQ0MDQgOC42ODkwNyAxOC4xMjExIDguMzc1IDE3LjczMzggOC4zNzVaIiBmaWxsPSIjRkZGRjBCIi8+CjxwYXRoIGQ9Ik0xNy43MzM4IDExLjc5MzVINy4yNjQ3NkM2Ljg3MjE4IDExLjc5MzUgNi41NTgxMSAxMi4xMDc1IDYuNTU4MTEgMTIuNTAwMUM2LjU1ODExIDEyLjg5MjcgNi44NzIxOCAxMy4yMDY4IDcuMjY0NzYgMTMuMjA2OEgxNy43MzM4QzE4LjEyNjQgMTMuMjA2OCAxOC40NDA0IDEyLjg5MjcgMTguNDQwNCAxMi41MDAxQzE4LjQ0MDQgMTIuMTA3NSAxOC4xMjExIDExLjc5MzUgMTcuNzMzOCAxMS43OTM1WiIgZmlsbD0iI0ZGRkYwQiIvPgo8cGF0aCBkPSJNMTcuNzMzOCAxNS4yMTE0SDcuMjY0NzZDNi44NzIxOCAxNS4yMTE0IDYuNTU4MTEgMTUuNTI1NSA2LjU1ODExIDE1LjkxODFDNi41NTgxMSAxNi4zMTA3IDYuODcyMTggMTYuNjI0NyA3LjI2NDc2IDE2LjYyNDdIMTcuNzMzOEMxOC4xMjY0IDE2LjYyNDcgMTguNDQwNCAxNi4zMTA3IDE4LjQ0MDQgMTUuOTE4MUMxOC40NDA0IDE1LjUyNTUgMTguMTIxMSAxNS4yMTE0IDE3LjczMzggMTUuMjExNFoiIGZpbGw9IiNGRkZGMEIiLz4KPC9zdmc+Cg==);
  width: 44px;
  height: 44px;
  display: inline-block;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  margin-top: 6px;
}
.compact-form1 .row .cell .submit-wrap input[type="submit"] {
  cursor: pointer;
}

/* CustomStyle-100-dec-2024 */
.pt-part .big-text.big-text.noto-serif-semibold-italics,
.btc-part .big-text.noto-serif-semibold-italics,
.bcs-part .big-text.noto-serif-semibold-italics {
  font-family: "Noto Serif Display", serif;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -20px;
}

span.noto-serif-semibold-italics {
  font-family: "Noto Serif Display", serif;
  font-style: italic;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .pt-part .big-text.big-text.noto-serif-semibold-italics,
  .btc-part .big-text.noto-serif-semibold-italics,
  .bcs-part .big-text.noto-serif-semibold-italics {
    letter-spacing: 0px;
  }
}

.single-case_study img.mobile_banner,
img.mobile_banner {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .single-case_study img.mobile_banner,
  img.mobile_banner {
    display: block !important;
  }
  .single-case_study img.desktop_banner,
  img.desktop_banner {
    display: none;
  }
}

/** New Banner Code **/
@media screen and (min-width: 768px) {
  .layout-header .header-part {
    max-height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .layout-header .header-part {
    max-height: 100vh;
  }
  .layout-header .layout-header:nth-child(1) .header-part .vimeo-iframe::after,
  .layout-header .layout-header:nth-child(1) .header-part .cover::after {
    content: "";
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
      180deg,
      #1c1c1c 0%,
      rgba(217, 217, 217, 0) 100%
    );
    pointer-events: none;
  }
}
.layout-header .layout-intro_text {
  margin-top: -6vw;
}
.layout-header .layout-intro_text .inner {
  padding-top: 6vw;
}
.layout-header .button-cont {
  bottom: calc((100vh - 100%) * 0.2 + 9vw);
}
@media screen and (max-width: 767px) {
  .layout-header .layout-intro_text {
    margin-top: -4em;
  }
  .layout-header .layout-intro_text .inner {
    padding-top: 4em;
  }
}
@media screen and (min-width: 768px) {
  .layout-header.type-video .header-part .h100 {
    position: relative;
  }
  .layout-header.type-video .header-part .h100 .pb76_588 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1999px) {
  .layout-header.type-video .header-part {
    height: calc(1158 / 1512 * 100vw);
  }
}
@media screen and (min-width: 2000px) {
  .layout-header.type-video .header-part {
    height: 1531.746031746px;
  }
}
.layout-header.type-image .inner .header-part {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .layout-header.type-image .inner .header-part .cover {
    height: 100vh;
  }
}
@media screen and (max-width: 1023px) {
  .layout-header.type-image .inner .header-part .cover {
    padding-bottom: 178%;
  }
}
.layout-header.pos-right .inner .header-part,
.layout-header.pos-left .inner .header-part,
.layout-header.pos-none .inner .header-part {
  width: 100%;
}
.layout-header.pos-right .inner .header-part .cover,
.layout-header.pos-left .inner .header-part .cover,
.layout-header.pos-none .inner .header-part .cover {
  height: 100vh;
}

/** Hubspot Forms style **/
.hbspt-form input[type="checkbox"]+span,
.hbspt-form label span {
    color: #1d1d1d!important;
    font-family: "PPNeueMontrealBold", Helvetica, sans-serif!important;
}

.hbspt-form .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field {
    width: 100%!important;
}
label.hs-main-font-element,
.hbspt-form label.hs-error-msg.hs-main-font-element {
    color: darkred;
}

.hbspt-form .hs_area_of_interest.hs-area_of_interest.hs-fieldtype-checkbox.field.hs-form-field {
    margin: 0;
    width: 100%!important;
}
.hbspt-form textarea {
  min-height: 70px!important;
}



.btn-modal {
  padding: 10px 20px;
  background-color: #007BFF;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.btn-modal:hover {
  background-color: #0056B3;
}
.custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.custom-modal .modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 767px;
  background: #ffff91;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
  max-height: 70vh;
  overflow: hidden auto;
  padding: 3rem;
  max-width: 767px;
}
.custom-modal .modal-content h2 {
  margin-top: 0;
}
.custom-modal .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.custom-modal .close:hover {
  opacity: .7;
}
@media screen and (max-width: 991px) {
  .custom-modal .modal-content { 
    max-width: 767px;
    width: 90%;
  }

}