#spinner,
.emtybox,
.gray-img-box,
.tooltiptext,
.tooltiptext1 {
  visibility: hidden;
}

body,
html {
  overflow-x: hidden;
  font-family: Poppins, Sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins, Sans-serif;
}

.btn,
.service-item,
.service-item .btn,
.team-item .team-text,
.team-item img {
  transition: 0.5s;
}

#hdThought,
#know-more-team {
  background-color: #e9e4ec;
  padding-bottom: 3%;
}

#gallary-hd .big,
#gallary-hd .horizontal {
  grid-column: span 2;
}

#people ul,
li {
  list-style-type: none;
}

#spinner.show,
.toopportunity:hover .tooltiptext,
.toopportunity:hover .tooltiptext1 {
  visibility: visible;
}

.company-logo img {
  image-rendering: high-quality;
}

.company-logo .logos-img,
.company-logo img {
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

.company-logo:hover .logos-img,
.company-logo:hover img {
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}

:root {
  --primary: #4e2f49;
  --light: #eff5ff;
  --dark: #6e6e72;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-black {
  font-weight: 900 !important;
}

.bootstrap-datetimepicker-widget .table th,
.btn,
.creditby-sec p,
.footer .boldpara,
.navbar .navbar-nav .nav-link:hover {
  font-weight: 400;
}

.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

#people ul,
.blog-details-page,
.blog-img-sec,
.client-section,
.drawer-menubar .dropbtn,
.file-para,
.logo-sec,
.main-banner,
.or-para,
.people-team,
.ser-detail-accordian,
.team-info,
.team-item img,
.team-page-slider {
  position: relative;
}

.team-info h4,
.team-info h5,
body {
  font-family: Poppins, sans-serif !important;
}

img {
  margin-bottom: -4px;
}

.text-primary {
  color: var(--primary) !important;
}

#spinner {
  opacity: 0;
  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
  z-index: 99999;
}

#spinner.show {
  transition: opacity 0.5s ease-out, visibility linear;
  opacity: 1;
}

.reelForFree img:hover,
a,
li {
  cursor: pointer;
}

.btn.btn-primary,
.btn.btn-secondary,
.cursor2:hover,
.cursor:hover {
  color: #fff;
}

.btn-square {
  width: 38px;
  height: 38px;
}

.btn-sm-square {
  width: 32px;
  height: 32px;
}

.btn-lg-square {
  width: 48px;
  height: 48px;
}

.btn-lg-square,
.btn-sm-square,
.btn-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}

#chekb_concent {
  display: inline-block !important;
  height: 20px !important;
  width: 20px !important;
  background-color: #eee;
}

#captchaMsg,
#f2Msg,
#fMsg,
#sMsg,
.designation-border br,
.header-menubar .res-logo-sec,
.mobile-gallery-sec,
.modal,
.mySlides,
.navbar .dropdown-toggle::after,
.offcanvas-body .dropdown-menu,
.owl-dots,
.res-map,
.res-quick-links,
.res-team-slider,
.res-teamimg1 {
  display: none;
}

#captchaMsg,
#f2Msg,
#fMsg {
  color: #d48185;
}

#sMsg {
  color: #bbcf85;
}

.recaptcha-msg p {
  color: #d48185;
  display: none;
}

.navbar .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}

#know-more-team .header,
#know-more-team .text,
.blog-list-box h2,
.blog-list-info a,
.blog-list-info h3,
.blog-para-box h4,
.card-text,
.case-card-header,
.case-studies-header,
.case-studies-text,
.conslusion,
.department-name,
.designation-title,
.eael-accordion-tab-title,
.elementor-body,
.elementor-heading-title,
.footer .btn.btn-link,
.form-modal .modal-title,
.heading-title,
.inside-out-text,
.insightopedia-text,
.opportunities-header-text,
.opportunities-header-text .headingtag,
.people-header,
.privacy-text,
.privacy-text strong,
.process-bg a,
.qodef-m-text,
.read-more,
.reel-subheader-text,
.reel-text,
.thought-m-text,
.wipro-header,
.wipro-header-text,
.wipro-sub-header,
.wipro-sub-text,
.wipro-sub-title,
.you-may-like {
  font-family: Poppins, Sans-serif;
}

.service-item .btn,
.team-item .team-social .btn {
  display: inline-flex;
  background: #fff;
  border-radius: 40px;
}

.navbar .navbar-nav .nav-link {
  margin-right: 30px;
  padding: 25px 0;
  font-size: 20px;
  font-weight: 300;
  text-transform: capitalize;
  outline: 0;
}

.navbar .navbar-nav .nav-link.page-activebtn span,
.offcanvas-body .nav-link.page-activebtn {
  border-bottom: 2px solid var(--primary);
  font-weight: 500;
}

.navbar .navbar-nav .nav-link.page-activebtn,
.team-item .team-social .btn {
  color: var(--primary);
}

.page-header {
  background: url(../img/header-page.jpg) top center/cover no-repeat;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.breadcrumb-item+.breadcrumb-item::before,
.footer .copyright a {
  color: var(--light);
}

.service-item:hover {
  margin-top: -10px;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}

.service-item .btn {
  width: 40px;
  height: 40px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

.service-item:hover .btn {
  width: 140px;
}

.team-item img {
  top: 0;
}

.team-item:hover img {
  top: -30px;
}

.team-item .team-text {
  position: relative;
  height: 100px;
}

.team-item:hover .team-text {
  margin-top: -60px;
  height: 160px;
}

.team-item .team-text .team-social {
  opacity: 0;
  transition: 0.5s;
}

.active,
.demo:hover,
.modal-content .carousel-indicators>li.active img,
.oppModal .btn-close:hover,
.team-item:hover .team-text .team-social {
  opacity: 1;
}

.team-item .team-social .btn:hover {
  color: #fff;
  background: var(--primary);
}

.bootstrap-datetimepicker-widget.bottom {
  top: auto !important;
}

.bootstrap-datetimepicker-widget .table * {
  border-bottom-width: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  padding: 10px;
  border-radius: 2px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--primary);
}

.bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: var(--primary);
}

.footer .btn.btn-link {
    display: inline-block;
    margin-bottom: 0;
    padding: 0 17px;
    border-right: 1px solid rgb(239, 245, 255, 0.2);
    text-align: left;
    color: #eff5ff;
    font-size: 18px;
    font-weight: 300;
    transition: 0.3s;
    cursor: pointer;
    border-radius: 0;
    opacity: 0.8;
}
.footer .qucik-links-sec .btn.btn-link1 {
    padding-left: 0;
}

.footer .link-dashed {
  margin-right: 8px;
  color: #fff;
  opacity: 0.1;
}

.footer .btn.btn-link:hover {
  color: #e6ce40;
  box-shadow: none;
  opacity: 10;
}

.footer .copyright {
  padding: 13px;
  font-size: 14px;
  border-top: 1px solid rgba(256, 256, 256, 0.1);
  font-weight: 300;
  text-align: center;
  color: #fff;
  opacity: 0.3;
}

.footer .copyright a:hover,
.formcheckbtn .note-label a {
  color: #e6ce40;
}

.bg-video {
  min-width: 100%;
  max-width: 100%;
  z-index: -1;
}

.bgvideo::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
}

.bgvideo::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
}

.bgvideo::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
}

.bgvideo::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0 !important;
}

.p-20 {
  padding: 20px;
}

.company-logo .last-logo-sec,
.p-10,
.readmorearrow-accordian {
  padding: 10px;
}

.blog-page img,
.bootstrap-logo,
.digital-tools-sec .Linkedin-img,
.founderimg img,
.w-100 {
  width: 100%;
}

#team-tab .owl-item img {
  transform: scale(1);
  transition: transform 0.3s;
}

#team-tab .owl-item img:hover {
  transition: transform 0.3s;
  transform: scale(1.1);
}

.heading-title {
  color: #5b5185;
  font-size: 64.5px;
  font-weight: 100;
}

.qodef-m-icon {
  text-align: left;
  font-size: 2.8em;
  color: #5b5185;
}

.qodef-m-text {
  color: #767676;
  font-size: 25px;
  font-weight: 300;
}

.blank-image {
  cursor: default;
}

.inside-out-header,
.insightopedia-header {
  text-align: center;
  color: #fff;
  font-family: Poppins, Sans-serif;
  font-size: 5em;
  font-weight: 100;
  line-height: 1.2em;
  padding: 0 1%;
}

.inside-out-text,
.insightopedia-text {
  color: #fff;
  font-size: 19px;
  font-weight: 300;
  text-align: center;
}

.inside-out-text {
  margin-bottom: 30px;
  padding-left: 12%;
  padding-right: 12%;
  line-height: 1.5;
}

.insightopedia-text {
  padding-left: 13%;
  padding-right: 13%;
}

section {
  padding-top: 4em;
}

#people {
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 3%;
}

.people-row {
  margin-left: 15px;
  margin-right: 15px;
  justify-content: center;
}

.people-row .col-lg-4 {
  margin-top: 20px;
}

.case-studies-header,
.people-header {
  text-align: center;
  color: #4e2f49;
  font-size: 83px;
  font-weight: 100;
  letter-spacing: 0;
}

#people ul {
  float: none !important;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}

#people .list-inline-item {
  width: 15%;
  text-align: center;
  margin: 0 2%;
}

#people .active,
#people li:hover {
  color: #e6ce40 !important;
}

.people-team {
  cursor: pointer;
  padding: 3px 15px;
  text-align: center;
}

.thought-m-icon {
  text-align: left;
  font-size: 104px;
  color: rgba(67, 56, 67, 0.16);
  margin: 0;
  line-height: 1;
}

#videobg,
.card-body-cust,
.center-logos-sec,
.elementor-body,
.elementor-widget-image {
  text-align: center;
}

.thought-m-text {
  color: #4e2f49;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0.6px;
  margin-bottom: 2.3%;
}

.dept-name {
  font-size: 16px;
  padding-top: 10px;
}

.res-img,
.services-sec-info img {
  width: 16%;
}

.elementor-widget-container {
  padding: 9% 0 0;
  margin-bottom: 20px;
}

.card {
  background-color: #4a4f57;
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 50%);
  border-radius: 0;
}

.card-body-cust {
  margin-bottom: 20px;
}

.elementor-heading-title {
  color: #f9d237;
  font-size: 1.7em;
  font-weight: 200;
  line-height: 1.4em;
  padding: 0;
  margin: 0;
}

.elementor-body {
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.6em;
}

.bg-dark {
  background-color: #453f49 !important;
}

.opportunities-header-text,
.row>.column1 {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column1 {
  float: left;
  width: 25%;
}

.modal {
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  padding-right: 0 !important;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 900px;
}

.close,
.cursor,
.cursor2,
.next,
.numbertext,
.prev {
  position: absolute;
}

.close {
  color: #fff;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: 100;
}

.close:focus,
.close:hover {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

#thumbnil,
.mySlides {
  overflow: hidden;
}

.cursor,
.cursor2 {
  cursor: pointer;
  color: #fff;
  font-weight: 200;
  border: none;
  background: #4e2f49;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 0;
  padding: 25px 16px;
  top: -18px;
  right: -18px;
  z-index: 1;
}

.next,
.prev {
  cursor: pointer;
  top: 50%;
  width: auto;
  padding: 10px;
  margin-top: -50px;
  color: #fff;
  font-weight: 300;
  font-size: 25px;
  transition: 0.6s;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.8);
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.next:hover,
.prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffc324;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: #000;
  padding: 2px 16px;
  color: #fff;
}

.img-body-text,
.img-header-text {
  text-shadow: none;
  text-decoration: none;
  text-align: left;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  padding: 3% 9% 3% 3%;
  font-family: Poppins;
  font-style: normal;
}

.demo {
  opacity: 0.6;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-close:focus,
.car-cust,
.form-control:focus,
.navbar-toggler:focus,
.oppModal .form-control:focus,
.oppModal .form-select:focus {
  box-shadow: none;
}

.img-header-text {
  color: #4e2f49;
  font-size: 181.25%;
  line-height: 1.2;
  font-weight: 400;
}

.img-body-text {
  color: #767676;
  font-size: 106.25%;
  line-height: 1.6;
  font-weight: 300;
}

#gallery {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

#gallery img,
#gallery video {
  width: 100%;
  height: auto;
  margin: 4% auto;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.main-container,
.reelForFree {
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.modal-img,
.model-vid,
video {
  width: 100%;
  height: auto;
}

.about-me-map,
.about-me-text,
.col-md-9,
.modal-body,
.navbar,
.ser-overview-sec .col-md-3 {
  padding: 0;
}

.back-to-top {
  border: none;
  border-radius: 0;
  background: #674172;
}

.bg-map,
.card-header {
  background-size: cover;
}

.read-more,
.shrink,
header {
  background-color: #fff;
}

.back-to-top:hover {
  background: #674172;
  color: #f9d237;
}

.accordion-button::after,
.bg-map,
.card-header {
  background-repeat: no-repeat;
}

.back-to-top:hover svg {
  stroke: #f9d237;
}

.back-to-top svg {
  width: 18px;
  height: 20px;
  vertical-align: middle;
  stroke: #fff;
}

.case-studies-text {
  text-align: center;
  color: #767676;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
}

.case-card-header {
  color: #622788;
  font-size: 1.4em;
  font-weight: 400;
}

.card-text {
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
}

.read-more {
  font-size: 13px;
  fill: #ffc324;
  color: #ffc324;
}

.read-more:hover {
  color: #622788 !important;
}

.card-header .card-title-sec {
  font-size: 4.5em;
  line-height: 0.2em;
  padding: 27% 0 0 3% !important;
  font-family: poppins;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin: 10px 0 24px;
}

.card-header {
  width: auto;
  background-position: center;
  border-radius: 0.7em;
  padding: 1% 0 2%;
}

.card-header-1 {
  background-image: url(../img/Insync-case-study-card.jpg);
}

.card-header-2 {
  background-image: url(../img/Lametec-Case-study-card.webp);
}

.card-header-3 {
  background-image: url(../img/CiplaLametec-case-study-card.webp);
}

.card-header-4 {
  background-image: url(../img/Veg-Hybrids-case-study-card.webp);
}

.card-header-5 {
  background-image: url(../img/savy-case-study-card.jpg);
}

#know-more-team .header {
  color: #4e2f49;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0;
}

#know-more-team {
  padding: 5% 5% 5% 13%;
}

.case-study-padding {
  padding-top: 5%;
  padding-left: 20%;
  padding-right: 20%;
}

.case-study-padding1 {
  padding-top: 0;
}

#know-more-team .text-div,
.header-div {
  padding: 0 0 0 5%;
  align-content: center;
  align-items: center;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

#know-more-team .text {
  color: #4e2f49;
  font-size: 25px;
  font-weight: 300;
}

.wipro-header {
  color: #530c71;
  font-size: 1.7em;
  font-weight: 600;
  text-align: center;
}

.wipro-header-text,
.wipro-sub-header {
  color: #484446;
}

.wipro-header-text {
  text-align: center;
  font-size: 1.3em;
  font-weight: 200;
}

.wipro-sub-header {
  font-size: 34.5px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 5%;
}

.conslusion,
.wipro-sub-text,
.wipro-sub-title {
  line-height: 1.5em;
}

.conslusion {
  text-align: center;
  color: #fff;
  font-size: 25px !important;
  font-weight: 400;
  padding: 10% 18%;
}

.wipro-sub-text {
  color: #484446;
  font-size: 19.2px;
  font-weight: 300;
  margin-bottom: 0;
}

.wipro-sub-title {
  text-align: center;
  color: #fff;
  font-size: 1.3em;
  font-weight: 400;
}

.elementor-heading-title-reel,
.elementor-reel-subheader {
  padding: 0;
  line-height: 1;
  font-family: Poppins, Sans-serif;
  text-align: center;
}

.you-may-like {
  color: #4e2f49;
  font-size: 1.9em;
  font-weight: 400;
  margin-left: 8px;
}

.reelForFree {
  background-color: transparent;
  background-image: linear-gradient(180deg, #fff 35%, #978491 35%);
  overflow: hidden;
}

.car-cust,
select option {
  background-color: #4e2f49;
}

.elementor-container {
  max-width: 1502px;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.elementor-heading-title-reel {
  font-size: 5em;
  font-weight: 100;
  margin: 0 0 2%;
}

.reel-text {
  color: #767676;
  font-size: 19px;
  font-weight: 300;
}

.elementor-reel-subheader {
  font-size: 5em;
  font-weight: 100;
  margin: 0;
  color: #160e15;
}

.reel-subheader-text {
  color: #160e15;
  font-size: 19px;
  font-weight: 300;
}

.car-cust {
  border: none !important;
  cursor: pointer;
  padding: 10px;
}

#brandPromotion,
#services,
.accordion-body,
.apply-btn {
  background-color: #55585f;
}

.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item.active {
  display: flex;
}

.accordion-button::after {
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin-left: auto;
  content: "";
  background-image: none !important;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.span-svg {
  margin-left: auto;
  font-size: 38px;
  position: absolute;
  right: 9px;
}

.eael-accordion-tab-title {
  font-size: 1.5em;
  font-weight: 100;
  color: #fff;
  width: 100%;
}

.privacy-text,
.privacy-text strong {
  color: #484446;
  line-height: 1.5em;
}

.accordion-item {
  border-bottom: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed,
.cookies-accrordian .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0;
}

.accordion-button:focus {
  border-color: #76647e !important;
  box-shadow: none;
}

#privacy,
.main-title-sec .privacy-header {
  padding-bottom: 0;
}

.privacy-header {
  padding: 0 0 3%;
}

.main-container {
  padding: 5% 7%;
}

.privacy-text {
  font-size: 1.2em;
  font-weight: 300;
}

.privacy-text strong {
  font-size: 18px;
  font-weight: 600;
}

.privacy-text a,
.required-symbol {
  color: red;
}

.accordian-sec-ser .accordion-body a,
.privacy-text a {
  color: purple;
}

.bg-map {
  background: #fcfcfc url(../img/map-white.jpg) no-repeat;
  background-position: 42px 0;
}

header {
  background: #fff;
  display: block;
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

.opportunities-header-text {
  text-align: center;
  color: #767676;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.5em;
}

.department-name {
  color: #fff;
  font-size: 2.8em;
  font-weight: 100;
}

.department-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14% 8%;
  text-align: center;
}

.designation-title {
  text-align: left;
  color: #fff;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 2.1em;
}

.designation-border {
  margin: 0;
  padding: 0 0 0.7%;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: rgba(255, 255, 255, 0.29);
}

.apply-btn {
  border: 1px solid #fff;
  border-radius: 2em;
  font-family: poppins;
  font-weight: 300;
  font-size: 0.7em;
  line-height: 0.6em;
  padding: 8px 16px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 12px;
}

.description,
.info,
.jd-header,
.jd-subheader,
.jd-subheader-1,
.jd-subheader-2,
.modal-title,
.number-para,
.oppModal .form-label {
  font-family: Poppins;
  font-style: normal;
}

.info,
.jd-header {
  line-height: 138.19%;
}

.apply-btn:hover {
  color: #ffc324;
}

.disabled,
.faded,
.form-select:disabled {
  opacity: 0.5;
}

.left-border {
  border-style: solid;
  border-width: 0 1px 0 0;
  transition-timing-function: ease, ease, ease, ease;
  transition-delay: 0s, 0s, 0s, 0s;
}

#contact-us input,
.oppModal input {
  background: rgba(225, 225, 225, 0);
  border-top: 0;
  border-left: 0;
  border-right: 0px;
  border-bottom: 1px solid #71596d;
  border-radius: 0;
  width: 100%;
}

#youtube-embed .card {
  background-color: #160e15;
  height: 100%;
}

#contact-us input {
  height: 4em;
  color: #fff !important;
  outline: 0;
  margin-bottom: 15px;
  padding-left: 0;
}

.oppModal input {
  color: #160e15 !important;
  font-weight: 300;
  margin-top: 4%;
}

.oppModal input[type="email"],
.oppModal input[type="tel"],
.oppModal input[type="text"] {
  display: inherit;
  padding-left: 2px;
  outline: 0;
}

#contact-us input[type="email"],
#contact-us input[type="text"],
.oppModal input[type="tel"] {
  width: 100%;
  outline: 0;
}

#contact-us ::placeholder {
  color: #fff;
}

#contact-us .form-control::placeholder {
  color: #fff;
  opacity: 0.5;
}

#contact-us .form-control:-ms-input-placeholder {
  color: #fff;
  opacity: 0.5;
}

#contact-us .form-control::-ms-input-placeholder {
  color: #fff;
  opacity: 0.5;
}

#contact-us input:focus {
  color: #fff;
  opacity: 0.3;
}

#contact-us .form-label {
  color: #fff;
  opacity: 0.5;
}

.oppModal .form-label {
  font-weight: 300;
  font-size: 15px;
  color: rgba(78, 47, 73, 0.7);
}

#contact-us textarea {
  background-color: #71596d !important;
  border: none;
  border-radius: 0;
  color: #fff;
}

#contact-us .submit {
  background-color: #fff;
  border: none !important;
  font-family: poppins !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 15px 0;
  border-radius: 0.7em;
  color: #7f697a;
  float: right;
  padding: 8px 19px;
}

input[type="submit"] {
  padding-left: 35px;
  padding-right: 35px;
}

.purple-zone-map {
  position: relative;
  margin: 43%;
  top: 45.5%;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  backface-visibility: hidden;
  transition: transform 0.6s linear !important;
}

#img-gallary-hd .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 4px;
}

.img-res-column1,
.img-res-column3 {
  -ms-flex: 16.66%;
  flex: 16.66%;
  max-width: 16.66%;
  padding: 0;
}

.img-res-column2,
.img-res-column4 {
  -ms-flex: 33.33%;
  flex: 33.33%;
  max-width: 33.33%;
  padding: 0;
}

.inner-column {
  -ms-flex: 50%;
  flex: 50%;
  max-width: 50%;
  padding: 0;
  display: flex;
}

.inner-column1 {
  -ms-flex: 50%;
  flex: 50%;
  max-width: 50%;
  padding: 0;
}

.column img {
  padding: 3%;
  vertical-align: middle;
  width: 100%;
}

.column img:hover {
  display: block;
  width: calc(100% + 2px);
  transform: scale(1.05) translateZ(0);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.d-flex-align {
  justify-content: left;
}

#gallary-hd {
  padding-bottom: 1em;
}

#gallary-hd .container {
  max-width: 100%;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(263px, 1fr));
  grid-auto-rows: 260px;
  grid-auto-flow: dense;
}

#gallary-hd .gallery-sec {
  text-align: center;
  padding: 0;
  color: #fff;
  font-size: 3rem;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

#gallary-hd div img {
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: 0.5s;
  margin-bottom: 0;
}

#gallary-hd div.show::before {
  content: "";
  display: block;
  position: fixed;
  z-index: 555;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

#gallary-hd div.show img {
  position: fixed;
  top: 0;
  left: 0;
  margin: 30px;
  align-self: center;
  object-fit: contain;
  z-index: 666;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  filter: drop-shadow(0 3px 15px black);
  cursor: url(close-button.png), grab;
}

#gallary-hd .gallery-sec:not(.show):hover img {
  cursor: pointer;
  transform: scale(1.3);
}

#gallary-hd .big,
#gallary-hd .vertical {
  grid-row: span 2;
}

#gallary-hd .active div:not(.show) img {
  filter: blur(3px);
}

#about,
#myCarousel {
  padding: 0 6% 2%;
}

#youtube-embed,
#youtube-embed .col-lg-12 {
  padding-right: 0;
}

.oppModal .modal-lg {
  max-width: 100%;
}

.oppModal .modal-content {
  width: 90%;
  max-width: 100%;
}

.jd-bg {
  background-color: #e9e4ec;
  border-radius: 0 0 0 6px;
}

.jd-header {
  font-weight: 250;
  font-size: 24px;
  color: #4e2f49;
  margin-bottom: 1%;
}

.jd-subheader,
.jd-subheader-1 {
  font-weight: 300;
}

#caseStudies-wipro img,
.blog-info-sec .singlepara,
.blog-slider .owl-nav img,
.client-section .owl-nav img,
.cookies-accrordian p,
.description p,
.footer p,
.jd-subheader,
.parabox .titlelist,
.people-row1 img {
  margin-bottom: 0;
}

.jd-subheader {
  font-size: 16px;
  color: #55585f;
}

.jd-subheader-1 {
  font-size: 14px;
  color: #4e2f49;
  margin-top: 4%;
}

.description {
  font-weight: 400;
  font-size: 15px;
  color: #767676;
}

#people .list-inline-item img,
.info {
  font-size: 12px;
}

.validates-as-required::before {
  content: " *";
  color: red;
}

#myCarousel-1 .carousel-indicators,
#myCarousel1 .carousel-indicators {
  bottom: -10%;
}

#myCarousel-1 .carousel-indicators [data-bs-target],
#myCarousel1 .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.oppModal ol,
.oppModal ul {
  margin: 0;
  padding-left: 3%;
}

.oppModal ol li,
.oppModal ul li {
  list-style-type: disc;
}

.oppModal .alignment-menu {
  display: inline-flex;
}

.oppModal .alignment-menu-item {
  padding-left: 10%;
  list-style-type: none;
}

.oppModal .alignment-menu-item+.oppModal .alignment-menu-item {
  margin-left: 0.5em;
}

.oppModal .alignment-menu-item label {
  display: inline-block;
  color: rgba(78, 47, 73, 0.2);
  padding: 0.25em 0.45em;
  background-color: #fff;
  border: 1px solid rgba(118, 118, 118, 0.5);
  transition: 0.1s;
}

.oppModal .alignment-menu-item label:focus,
.oppModal .alignment-menu-item label:hover {
  background-color: rgba(118, 118, 118, 0.5);
}

.oppModal .alignment-menu-item label:active {
  background-color: rgba(118, 118, 118, 0.5);
  transition: border-color 0.1s, background-color;
}

.oppModal .alignment-menu-item input[type="radio"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
  cursor: "pointer";
}

.oppModal .alignment-menu-item input[type="radio"] label {
  cursor: "pointer";
}

.oppModal .alignment-menu-item input[type="radio"]:checked label {
  background-color: rgba(118, 118, 118, 0.5);
  border: 1px solid rgba(118, 118, 118, 0.5);
  color: #4e2f49;
}

.checked {
  background-color: rgba(118, 118, 118, 0.5) !important;
  border: 1px solid rgba(118, 118, 118, 0.5) !important;
  color: #4e2f49 !important;
}

.oppModal select {
  width: 90%;
  margin: 0;
  display: initial;
  border: 0;
  border-bottom: 1px solid #71596d;
  border-radius: 0;
  padding-left: 0;
  font-weight: 300;
}

.oppModal ::placeholder {
  opacity: 0.8;
  font-weight: 300;
}

.oppModal :-ms-input-placeholder {
  opacity: 0.8;
}

.oppModal ::-ms-input-placeholder {
  opacity: 0.8;
}

select option {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.footer .header {
  font-weight: 500;
  font-size: 30px;
  font-family: Poppins, Sans-serif;
  color: #fff;
  opacity: 0.3;
}

.elementor-body p {
  margin-bottom: 3% !important;
}

.integrated-campaign-card {
  z-index: 5;
  top: 7%;
  left: -19%;
}

.digital-marketing-card {
  position: relative;
  left: -24%;
}

.strategy-card {
  position: relative;
  top: -7%;
  z-index: 4;
  left: 2%;
}

.brand-stories-card {
  position: relative;
  top: -97%;
  left: -21%;
  z-index: 10;
}

.brand-promotion-card {
  position: relative;
  top: -117%;
  left: 10%;
}

.space-brand-sec {
  position: relative;
  top: -10%;
  z-index: 4;
  left: -130%;
}

.brand-promotion-card p,
.integrated-campaign-card p {
  margin-bottom: 14% !important;
}

.digital-marketing-card p,
.strategy-card p {
  margin-bottom: 10% !important;
}

[type="file"] {
  overflow: hidden;
  width: 0;
  margin: 0 !important;
  border: none !important;
}

[type="file"]+label {
  background: rgba(118, 118, 118, 0.15);
  border: 1px solid rgba(118, 118, 118, 0.5);
  box-sizing: border-box;
  border-radius: 12px;
  color: #767676;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  outline: 0;
  padding: 10px 20px;
  position: relative;
  transition: 0.3s;
  vertical-align: middle;
  top: -20px;
}

[type="file"]+label:hover {
  background-color: var(--primary);
  color: var(--light);
}

.info {
  font-weight: 300;
  color: rgba(118, 118, 118, 0.7);
}

hr {
  border: 1px solid rgba(118, 118, 118, 0.5);
  border-style: none none solid;
  color: #fff;
  background-color: #fff;
}

.border-left-box,
.company-logo {
  border-right: 1px solid #c4c4c4;
}

.jd-subheader-2 {
  font-weight: 50;
  font-size: 24px;
  color: #4e2f49;
}

.oppModal textarea {
  border: 1px solid rgba(118, 118, 118, 0.3);
  box-sizing: border-box;
  border-radius: 12px;
}

.oppModal .submit {
  background-color: #7f697a !important;
  border: none !important;
  font-family: poppins !important;
  font-size: 1.3em !important;
  font-weight: 300 !important;
  line-height: 1em !important;
  height: 2.1em !important;
  margin-top: 3%;
  border-radius: 0.7em;
  color: #fff !important;
  margin-right: 4%;
  width: auto;
}

#youtube-embed,
.form-select:disabled {
  background-color: transparent;
}

.modal-title {
  font-weight: 300;
  font-size: 34px;
  align-items: center;
  color: rgba(118, 118, 118, 0.7);
}

.map-section {
  margin-top: 0;
  margin-bottom: 0;
}

.offcanvas-body .nav-link {
  padding: 16px 1rem;
  color: #6e6e72 !important;
  font-size: 20px;
  border-bottom: 0.5px solid #f1f1f1;
}

.shadow-sm {
  box-shadow: none !important;
}

.text-margin {
  margin-top: 25%;
}

.accordion-button {
  padding: 4%;
}

.mobile-scroll-img {
  width: 80%;
}

.thumb {
  opacity: 0.6 !important;
}

.thumb.active,
.thumb:hover {
  opacity: 1 !important;
}

.opp-row {
  background-color: #f6f6f6;
  padding: 3% 14% 5%;
}

.modal-content .list-inline {
  white-space: nowrap;
  overflow-x: auto;
}

.modal-content .carousel-indicators {
  left: initial;
  right: 10%;
  width: initial;
  margin-left: initial;
  border: none !important;
  bottom: 5% !important;
}

.modal-content .carousel-indicators>li {
  height: initial;
  text-indent: initial;
}

.modal-content .list-inline-item {
  margin-right: 3px !important;
  width: 60px;
}

:focus-visible {
  outline: transparent auto 0;
  box-shadow: none;
}

.apply-btn:active,
.apply-btn:focus {
  outline: 0 !important;
  box-shadow: none;
}

.oppModal .modal-header {
  border-bottom: 1px solid rgba(201, 201, 201, 0.2);
}

.accordion-button:not(.collapsed) {
  color: #8d8e92;
  box-shadow: none;
}

.accordion-button:not(.collapsed) i {
  transform: rotateX(180deg);
}

.hd-tittle {
  font-weight: 600;
  font-size: 27px;
  line-height: 1em;
}

.hd-designation {
  line-height: 0.1em;
  font-size: 1.2em;
}

.fix-height {
  height: 90px;
}

.reelForFree .carousel-indicators [data-bs-target] {
  background-color: #f9d237;
}

.btn-close {
  font-size: 26px;
  position: relative;
  right: 13px;
  opacity: 1;
}

.home-world-map {
  position: relative;
  width: 100%;
  height: auto;
  background: url("../img/only-word-map.png") 0 0/100% no-repeat;
  padding-bottom: 116px;
}

.line-animation-australia,
.line-animation-cambodia,
.line-animation-iberia,
.line-animation-italy,
.line-animation-newzealand,
.line-animation-russia,
.line-animation-singapore,
.line-animation-southafrica,
.line-animation-switzerland,
.line-animation-uk,
.line-animation-us,
.line-animation-vietnam {
  height: 1px;
  background: #9c9c9c;
  animation-name: drawLeftLine;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  position: relative;
  animation-fill-mode: backwards;
}

.us-location {
  transform: rotate(11deg);
}

.line-animation-us {
  transform-origin: 100% 0%;
  width: 49%;
  top: -307px;
  left: 9%;
}

.iberia-location {
  transform: rotate(18deg);
}

.line-animation-iberia {
  transform-origin: 100% 0%;
  width: 26%;
  top: -317px;
  left: 28%;
}

.switzerland-location {
  transform: rotate(32deg);
}

.line-animation-switzerland {
  transform-origin: 100% 0%;
  width: 20%;
  top: -321px;
  left: 26%;
}

.italy-location {
  transform: rotate(43deg);
}

.line-animation-italy {
  transform-origin: 100% 0%;
  width: 13%;
  top: -309px;
  left: 28%;
}

.uk-location {
  transform: rotate(45deg);
}

.line-animation-uk {
  transform-origin: 100% 0%;
  width: 28%;
  top: -311px;
  left: 12%;
}

.russia-location {
  transform: rotate(110deg);
}

.line-animation-russia {
  transform-origin: 100% 0%;
  width: 8%;
  top: -33px;
  left: 10%;
}

.cambodia-location {
  transform: rotate(185deg);
}

.line-animation-cambodia {
  transform-origin: 100% 0%;
  width: 10%;
  top: 304px;
  left: 28%;
}

.singapore-location {
  transform: rotate(203deg);
}

.line-animation-singapore {
  transform-origin: 100% 0%;
  width: 14%;
  top: 327px;
  left: 34%;
}

.newzealand-location {
  transform: rotate(211deg);
}

.line-animation-newzealand {
  transform-origin: 100% 0%;
  width: 34%;
  top: 328px;
  left: 18%;
}

.australia-location {
  transform: rotate(217deg);
}

.line-animation-australia {
  transform-origin: 100% 0%;
  width: 26%;
  top: 322px;
  left: 30%;
}

.vietnam-location {
  transform: rotate(244deg);
}

.line-animation-vietnam {
  transform-origin: 100% 0%;
  width: 9%;
  top: 260px;
  left: 62%;
}

.southafrica-location {
  transform: rotate(-36deg);
}

.line-animation-southafrica {
  transform-origin: 100% 0%;
  width: 18%;
  top: -158px;
  left: 60%;
}

.btn-close,
.navbar-light .navbar-toggler-icon {
  background: 0 0;
}

@keyframes drawLeftLine {
  0% {
    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

.number-para {
  font-size: 75%;
  position: absolute;
  right: 45px;
  bottom: 27px;
  color: #767676;
  font-weight: 300;
}

.location-arrow-box {
  position: relative;
  text-align: center;
}

.location-arrow-box a {
  display: inline-block;
}

.form-sec {
  margin: 0 0 15px;
}

:focus,
input:focus,
textarea:focus {
  outline: 0;
}

a:focus {
  overflow: none;
}

.awesome {
  -webkit-animation: 8s forwards colorchange1;
}

@-webkit-keyframes colorchange1 {
  0% {
    color: #fff;
  }

  100%,
  50% {
    color: #fff;
    opacity: 0.3;
  }
}

.awesome2 {
  -webkit-animation: 4s forwards colorchange2;
}

@-webkit-keyframes colorchange2 {

  0%,
  50% {
    color: #fff;
    opacity: 0.3;
  }

  100% {
    color: #fff;
  }
}

.btn-close {
  width: auto;
  height: auto;
}

#instagram,
#linkedin,
#youtube,
.employer-linkedin {
  width: 34px;
  height: 34px;
}

.btn-close img,
.navbar-toggler-icon img {
  width: 24px;
}

.logo-sec {
  padding: 7em 5em;
  background: #e5e5e5;
}

.footer-logo {
  border-bottom: 1px solid;
}

.navbar-light .navbar-toggler {
  color: inherit;
  border: none;
}

.navbar-toggler {
  padding: 0;
  margin-top: 8px;
}

.contact-form,
.input-sec {
  margin-top: 0;
}

.contact-form-sec {
  background: #4e2f49;
  margin: 10% 10% 10% 0;
  padding: 3%;
  border-radius: 26px;
}

.social-media-sec a {
  display: inline-block;
  font-size: 34px;
  margin-right: 31px;
  opacity: 0.7;
}

.social-media-sec a:hover {
  opacity: 10;
}

.social-media-sec a:last-child,
.team-social-info a:last-child {
  margin-right: 0;
}

#linkedin {
  background: url("../img/purplezone_linkedin.png") no-repeat;
}

#instagram:hover,
#linkedin:hover,
#youtube:hover {
  background-position: 0 -34px;
}

#youtube {
  background: url("../img/purplezone_youtube.png") no-repeat;
}

#instagram {
  background: url("../img/purplezone_instagram.png") no-repeat;
}

.employer-linkedin {
  display: inline-block;
  background: url("../img/employer-linkedin.jpg") 0 0 / cover no-repeat;
}

.employer-linkedin:hover {
  background-position: 0 -36px;
}

.keralapara {
  margin-top: 30px;
}

.contries-sec {
  position: absolute;
  z-index: 1;
  top: 0;
}

.office-team-info {
  padding: 5% 10%;
}

.team-info h4 {
  color: #4f2f47;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0;
}

.team-info h5 {
  color: #988390;
  font-weight: 300;
  text-align: left;
}

.team-info p {
  text-align: left;
  margin-top: 25px;
  margin-bottom: 0;
  font-weight: 300;
}

.teamimg {
  position: relative;
  margin: 0 15px;
}

.founderimg {
  position: absolute;
  top: 18%;
  z-index: 1;
  left: 0;
}

.team-border {
  color: #988390;
  width: 1px;
  height: 345px;
  background: #bfbcbf;
  text-align: center;
  margin: 0 auto;
}

.team-social-info a {
  display: inline-block;
  margin-right: 20px;
}

.left-social-info,
.teamalign-left h4,
.teamalign-left h5 {
  text-align: left;
}

.team-info1 {
  margin-top: 15%;
}

.team-border1 {
  height: 330px;
}

.formcheckbtn input:checked~.checkmark:after,
.header-menubar .dropdown-menu li,
.new-social-info a,
.opportunities-header-text .para2,
.other-ser-box a {
  display: block;
}

.new-social-info {
  position: relative;
  z-index: 1;
  left: 41%;
  top: -62px;
}

.form-modal .modal {
  background: rgba(60, 60, 60, 0.1);
}

.form-modal .modal-dialog {
  max-width: 32%;
  margin: 12% auto;
}

.form-modal .modal-content {
  padding: 45px;
}

.form-modal .close {
  color: #fff;
  font-weight: 150;
  border: none;
  background: #4e2f49;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 0;
  padding: 9px;
  right: -13px;
  top: -9%;
}

.form-modal .modal-header {
  display: block;
  padding: 0 0 14px;
  border: none;
}

.form-modal .modal-title {
  text-align: center;
  color: #4e2f49;
  font-size: 50px;
  font-weight: 100;
  letter-spacing: 0;
}

.form-modal p {
  text-align: center;
  margin: 0;
}

.oppModal .btn-close {
  color: #fff;
  position: absolute;
  font-weight: 200;
  border: none;
  background: #4e2f49;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 0;
  padding: 9px;
  top: -15px;
  right: -1%;
}

.contact-right-sec .footerthir {
  margin-bottom: 17px;
}

.contact-right-sec .footerpune {
  margin-bottom: 5px;
}

.office-team-info .col-md-5 {
  flex: 0 0 auto;
  width: 48%;
}

.office-team-info .col-md-2 {
  flex: 0 0 auto;
  width: 4%;
}

.mapcircle {
  position: absolute;
  z-index: 98;
  top: 44%;
  left: 62%;
}

.mapcircle img {
  width: 40px;
}

.linemapselct {
  position: relative;
  margin-left: 9.5em;
  margin-top: 3em;
}

.clipCircle {
  clip-path: circle(600px at center);
}

.clipAnimationline {
  -webkit-animation: 3s clip;
}

@-webkit-keyframes clip {
  0% {
    clip-path: circle(0px at center);
  }

  50% {
    clip-path: circle(300px at center);
  }

  100% {
    clip-path: circle(600px at center);
  }
}

.cards-sec {
  padding: 4em 6% 0;
  background-color: #4e2f49;
}

.cards-sec #myCarousel {
  padding: 0 0 2%;
}

.sizeError,
.sizeErrorResume {
  visibility: hidden;
  color: #d48185;
  font-size: 0.9em;
}

.tooltiptext,
.tooltiptext1 {
  background-color: rgba(85, 44, 112, 0.7);
  font-size: 0.8em;
  border-radius: 0.4em;
  position: absolute;
  top: 7em;
  z-index: 1;
  color: #fff;
  text-align: center;
}

.gallery-slider .img-gallery-sec {
  height: 1360px;
  position: relative;
  overflow: hidden;
}

.gallery-slider .img-gallery-sec img {
  padding: 0;
  margin-bottom: 0;
  width: 100%;
}

sup {
  font-size: 0.4em;
  top: -0.9em;
}

.gallery-slider .owl-carousel,
.owl-carousel .owl-item {
  line-height: 0;
}

.tooltiptext {
  padding: 0.2em 0.5em;
  left: 1.5em;
}

.tooltiptext1 {
  padding: 12px 10px;
  left: 3.2em;
}

.sliderborder-left,
.sliderborder-right {
  width: 7px;
  height: 100%;
  background: #e5e5e5;
}

.gallery-slider {
  padding-top: 0;
  padding-bottom: 10px;
}

.img-gallery-sec .owl-carousel img {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #fff;
  transition: 0.5s;
}

.client-section .owl-carousel .owl-nav .owl-next,
.client-section .owl-carousel .owl-nav .owl-prev {
  background: #d5d1d3;
  width: 40px;
  height: 40px;
  top: 40%;
  vertical-align: middle;
  padding-top: 0 !important;
  line-height: 0;
  border-radius: 50%;
  z-index: 3 !important;
  text-align: center;
  color: #fff;
}

.header-menubar {
  max-width: 98em;
  margin: 0 auto;
}

.case-study-para-left,
.case-study-para-right {
  margin: 0 10%;
}

.people-row .people-team {
  padding: 0;
  position: relative;
  margin-bottom: 8%;
}

.people-row .col-lg-1 {
  width: 11%;
  flex: 0 auto;
}

.people-row1 .people-team1 {
  padding: 20px;
  margin: 0 0 8%;
}

#ServicesSection {
  margin-bottom: 4%;
}

.img-gallery-sec .slider-transition-1 {
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 10s;
}

.img-gallery-sec .slider-transition-2 {
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 20s;
}

.img-gallery-sec .slider-transition-3 {
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 30s;
}

.brief-para,
.inner-page {
  padding: 4em 0;
}

.header-menubar .logo-img-sec {
  width: 145px;
}

.logo-sec .col-md-3 {
  width: 16%;
  flex: 0 auto;
}

.company-logo {
  text-align: center;
  image-rendering: -webkit-optimize-contrast;
}

.divider {
  border-bottom: 1px solid #c4c4c4;
}

.border-blog,
.italic-para {
  border-bottom: 2px solid #c4c4c4;
}

.company-logo img,
.company-logo:hover img {
  width: 40% !important;
  margin: 5% auto;
}

.company-logo .logos-img,
.company-logo:hover .logos-img {
  width: 44% !important;
  margin: 3% auto;
}

.client-section span {
  font-size: 38px;
}

.client-section .owl-nav,
.ser-creative-sec .owl-nav {
  position: absolute;
  top: 43%;
  width: 100%;
}

.client-section .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 5px;
}

.client-section .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 5px;
}

.sliderborder-left {
  position: absolute;
  left: -2px;
}

.sliderborder-right {
  position: absolute;
  right: -2px;
}

.top-border {
  z-index: 2 !important;
  top: 3%;
}

.clientarro {
  z-index: 999 !important;
}

.footer .py-5 {
  padding-top: 5rem !important;
  padding-bottom: 4rem !important;
}

.about-me-text h2,
.about-me-text h4,
.inside-out-text p,
.serions-title-sec img {
  display: inline;
}

.inside-out-text h1 {
  display: inline;
  padding: 0;
}

.elementor-body1 h2,
.elementor-body2 h2 {
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-family: Poppins, Sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.6em;
  margin: 0;
}

#services ol,
.elementor-body2,
.elementor-body3 {
  padding: 0;
  margin-bottom: 14% !important;
}

#accordionFlushExample ol,
#services .packaging-box,
.card-body-cust .elementor-heading-title {
  margin-bottom: 0 !important;
}

.opportunities-icon {
  width: 100px;
}

.opportunities-header-text p {
  display: inline;
  margin-bottom: 0;
}

.opp-row h1,
.opportunities-header-text .para1 {
  display: inline !important;
}

.opp-row h1 {
  margin: 0;
  padding: 0;
}

.department-card h2 {
  line-height: inherit;
  margin-bottom: 1rem;
}

.navbar .navbar-brand,
.navbar a.btn {
  height: 75px;
}

.navbar .navbar-nav .nav-link {
  color: var(--dark);
}

.navbar.sticky-top {
  top: -100px;
}

.or-para {
  top: -28px;
}

.file-para {
  top: 32px;
}

.swing {
  animation: 1s ease-in-out infinite alternate swing;
  transform-origin: center -20px;
}

img .swing {
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

@keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

.team-page-slider .owl-nav {
  position: absolute;
  top: 45%;
  width: 100%;
  display: none;
}

.team-page-slider .owl-nav .owl-prev {
  position: absolute;
  left: 0;
}

.cookies-accrordian .arrowbtn,
.team-page-slider .owl-nav .owl-next {
  position: absolute;
  right: 0;
}

.team-page-slider .owl-nav .fas {
  font-size: 2.5em;
  color: #4e2f49;
  font-weight: 600;
}

.team-page-slider .owl-nav .fas:hover {
  color: #160e15;
}

.blog-bg {
  background: #55585f;
  text-align: center;
  padding: 8% 0 19%;
  position: relative;
}

.blog-bg h2 {
  color: #fff;
}

.blog-bg p {
  color: #fff;
  font-weight: 200;
  font-size: 18px;
}

.blog-info {
  margin: 0 8%;
}

.blog-img-sec {
  text-align: center;
  margin-top: -21%;
  background: url(../img/blog/art-of-advertising.jpg) center/cover no-repeat;
  height: 553px;
}

.process-bg {
  position: relative;
  top: 0;
  bottom: 0;
  background: rgba(78, 47, 73, 0.3);
  padding: 26px 14px;
  margin-bottom: 10px;
}

.process-bg a {
  display: inline-block;
  background: #ffc324;
  border-radius: 4px;
  color: #4e2f49;
  padding: 2px 25px;
  font-size: 16px;
}

.blog-list-info a:hover,
.process-bg a:hover {
  background: #502e49;
  color: #fff;
}

.process-bg p {
  margin-bottom: 0;
}

.blog-social-info {
  margin-top: 6%;
  padding: 0 10%;
}

.blog-social-sec a {
  display: block;
  width: 36px;
  height: 36px;
  background: #a0a0a0;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  padding: 1px;
  margin-bottom: 15px;
  font-size: 21px;
}

.blog-social-sec a:hover {
  background: #483b4c;
}

.blog-social-info p {
  font-style: italic;
  color: #502e49;
  font-size: 18px;
  font-weight: 300;
}

.blog-info-sec {
  margin: 0 10%;
  padding-bottom: 6%;
}

.blog-para-box {
  margin: 4% 0;
}

.blog-para-box p {
  font-style: normal;
  color: #55585f;
  text-align: left;
  line-height: 26px;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 15px;
}

.p-right {
  padding-right: 3%;
}

.italic-para {
  border-top: 2px solid #c4c4c4;
  padding: 4%;
}

.italic-para p {
  font-style: italic;
  color: #502e49;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0;
}

.border-blog {
  padding-bottom: 4%;
  margin-bottom: 4%;
}

.blog-list-box h2 {
  color: #4d374c;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.4em;
  margin: 3% 0;
}

.blog-list-info a,
.blog-list-info h3,
.setting-tabs .nav-tabs .nav-link {
  color: #4e2f49;
}

.blog-list-info img {
  width: 100%;
  margin-bottom: 6%;
}

.blog-list-info h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4em;
  padding: 0;
  margin: 0 0 15px;
}

.blog-list-info a {
  display: inline-block;
  background: #ffc324;
  border-radius: 4px;
  padding: 14px 25px;
  font-size: 16px;
  margin-bottom: 15px;
}

.blog-list-info p {
  color: #767676;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}

.blog-list-info {
  padding: 0 7%;
}

.blog-slider .owl-nav {
  position: absolute;
  top: 48%;
  width: 100%;
}

.blog-slider .owl-next,
.blog-slider .owl-prev {
  background: #d5d1d3 !important;
  width: 40px;
  height: 40px;
  top: 40%;
  vertical-align: middle;
  padding-top: 0 !important;
  line-height: 0;
  border-radius: 50%;
  z-index: 3 !important;
  position: absolute;
}

.blog-slider .owl-prev {
  left: -32px;
}

.blog-slider .owl-next:hover,
.blog-slider .owl-prev:hover {
  background: #4d374c !important;
}

.blog-slider .owl-next {
  right: -32px;
}

.blog-social-sec img {
  margin-bottom: 0;
  width: 20px;
}

.myimage {
  image-resolution: 300dpi;
}

.people-team1 {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: unset;
}

.creditby-sec {
  margin-top: 15px;
}

.opportunities-header-text .headingtag {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.5em;
  color: #767676;
}

.blog-page .card {
  margin: 3% 4%;
  padding: 10px;
  box-shadow: none;
  background: 0 0;
}

.blog-para-box h4 {
  font-size: 18px;
  color: #4e2f49;
  font-weight: 500;
}

.blog-para-box a {
  display: inline-block;
  color: #55585f;
}

.blog-info-sec p {
  color: #55585f;
  line-height: 26px;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 15px 0;
}

.robotstyle {
  margin-top: 30px;
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.formcheckbtn #chekb_concent,
.img-gallery-sec .owl-carousel .owl-nav.disabled,
.other-services-sec .owl-carousel .owl-nav,
.other-services-sec .owl-nav.disabled {
  display: none !important;
}

.formcheckbtn .note-label {
  font-size: 12px;
  color: #fff;
}

.formcheckbtn1 .form-label {
  font-size: 12px;
  color: #4e2f49;
}

.formcheckbtn {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 18px;
}

.formcheckbtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
}

.formcheckbtn:hover input~.checkmark {
  background-color: #ccc;
}

.formcheckbtn input:checked~.checkmark {
  background-color: #634576;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.formcheckbtn .checkmark:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.accordian-sec-ser .accordion-button:not(.collapsed)::after,
.drawer-menubar .dropdown:hover .dropbtn::after {
  transform: rotate(-180deg);
}

#regsymbol {
  color: #75797b;
  padding-top: 12%;
  margin-left: -3%;
  font-size: 0.46em;
  font-family: arial;
}

.shrink .navbar-nav .nav-link {
  padding: 14px 0;
}

.website-main-section {
  margin-top: 80px;
}

.navbar a.btn,
.shrink .navbar-brand {
  height: 58px;
}

.darkbackground {
  background: #fff !important;
  box-shadow: 4px 4px 21px 0 rgba(0, 0, 0, 0.1);
}

.about-sec .quoteimg {
  width: 51px;
}

.thought-m-icon img {
  width: 108px;
  opacity: 0.17;
}

.copyright .reg-footer {
  font-size: 0.8em;
  position: relative;
  top: 3px;
  left: 1px;
}

.privacy-text {
  padding: 5%;
}

.privacy-list-sec {
  margin-bottom: 1rem;
}

.privacy-list-sec ol {
  padding-left: 25px;
  margin-bottom: 0;
}

.privacy-list-sec ul {
  margin-bottom: 0;
  list-style: disc;
  padding-left: 40px;
}

.privacy-list-sec li {
  list-style-type: inherit;
  margin: 8px 0;
  cursor: inherit;
}

.privacy-list-sec li::marker {
  font-weight: 500;
}

.bottom-footer-sec {
  margin-left: 10%;
  margin-right: 10%;
}

.location-sec {
  font-weight: 300;
  opacity: 0.8;
}

.location-sec img {
  vertical-align: initial;
  margin: 0 10px 0 0;
}

.location-sec a {
  display: inline-block;
  color: #fff;
  vertical-align: text-bottom;
}

.location-sec .callsec {
  margin: 6px 0;
  font-size: 18px;
  color: #eff5ff;
}

.setting-tabs .tab-pane {
  padding: 40px 0;
}

.nav-tabs .nav-item.show .nav-link,
.setting-tabs .nav-tabs .nav-link.active {
  background: #e9e4ec;
  color: #4e2f49;
}

.cookies-details-sec .buttondesign,
.parabox {
  margin-left: 20px;
}

.subcontainer {
  text-align: right;
  margin-top: 5px;
}

.accordion.accordion-flush,
.cookietitle-sec {
  padding: 20px 0;
}

.pz-youtube-link-sec {
  height: 45em;
  width: 85%;
  position: relative;
  margin: 2em auto 3em;
  cursor: pointer;
  background-color: #000;
}

.pz-youtube-link-sec iframe,
.pz-youtube-link-sec img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

#yt-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 78px;
}

#people .list-inline-item .thoughttab {
  width: 95%;
}

#videobg .modal-img,
.model-vid,
video {
  width: 70%;
  height: auto;
}

.card .carousel-videos-box {
  height: 16em;
}

.card iframe {
  width: 100%;
  height: 100%;
}

#cookies {
  position: fixed;
  bottom: 0;
  background-color: rgba(33, 25, 36, 0.9);
  padding: 20px;
  color: #fff;
  width: 100%;
  z-index: 999;
  display: block;
}

.cookies-details-sec .cookies {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.cookiesmodal .modaltitlesec {
  border: 0;
}

.cookies-details-sec .cookies p {
  margin-bottom: 0;
  font-size: 15px;
}

.cookies-details-sec .cookies a {
  color: #c186dd;
  font-size: 15px;
}

#sub-btn,
.cookies-details-sec .buttondesign button {
  font-family: poppins !important;
  line-height: 20px;
  color: #7f697a;
  display: inline-block;
  padding: 8px 19px;
}

.cookies-details-sec .buttondesign button {
  background-color: #fff;
  border: none !important;
  font-size: 15px;
  font-weight: 400;
  border-radius: 0.7em;
  margin: 0 4px;
}

#sub-btn:hover,
.cookies-details-sec .buttondesign button:hover {
  background: #4e2f49;
  color: #fff;
}

.cookies-details-sec .cookiesmodal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  padding-top: 8%;
  margin-bottom: 50px;
}

.cookies-details-sec .modal-Cookiescontent {
  margin: auto;
  padding: 20px 0 40px 40px;
  width: 50%;
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 59%;
}

.cookies-details-sec .closepopup {
  position: absolute;
  font-size: 28px;
  cursor: pointer;
  color: #fff;
  font-weight: 200;
  border: none;
  background: #4e2f49;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 0;
  padding: 25px 17px;
  display: block;
  top: 13%;
  right: 24%;
  z-index: 1;
}

.cookies-accrordian .accordion-body p,
.main-tabcontent .formcheckbtn {
  color: #767676;
}

.cookies-accrordian h4,
.modal-Cookiescontent h4 {
  font-weight: 250;
  font-size: 24px;
  color: #4e2f49;
  margin-bottom: 1%;
  font-family: Poppins;
}

.ser-overview-sec h3,
.ser-title-sec h1,
.services-sec-info h3 {
  font-family: Poppins, sans-serif;
}

.accordion-item {
  border: none;
  margin: 0;
}

.cookies-accrordian .accordion-body {
  font-weight: 400;
  font-size: 15px;
  color: #767676;
  background: 0 0;
}

.cookies-accrordian .para {
  font-weight: 600;
  margin-bottom: 10px;
}

.cookies-accrordian ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
}

.right-child p,
.scroll-serbtn a {
  background: #453f49;
  padding: 10px 15px;
}

.cookies-accrordian li {
  list-style-type: inherit;
  color: #767676;
}

.cookies-accrordian .ullistbox a {
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  color: #767676;
}

.cookies-accrordian .formcheckbtn {
  line-height: initial;
  margin: 10px 0 0;
}

.cookies-accrordian .cookie-para {
  margin: 15px 0;
}

.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cookies-accrordian .accordion-button {
  padding: 20px 0;
  color: #767676;
  font-family: Poppins;
  font-style: normal;
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  background: 0 0;
  display: block;
}

#sub-btn {
  border: none !important;
  font-size: 15px;
  font-weight: 400;
  border-radius: 0.7em;
  margin: 20px 0 0;
}

.cookiesmodal .modaltitlesec {
  font-weight: 300;
  font-size: 34px;
  align-items: center;
  color: rgba(118, 118, 118, 0.7);
  text-align: center;
  font-family: Poppins;
  font-style: normal;
  border-bottom: 1px solid rgba(201, 201, 201, 0.2);
  margin: 0 0 30px;
}

.cookies-details-sec .modal-Cookiescontent::-webkit-scrollbar {
  width: 4.5em;
}

.cookies-details-sec .modal-Cookiescontent::-webkit-scrollbar-track {
  background: #fff;
}

.cookies-details-sec .modal-Cookiescontent::-webkit-scrollbar-thumb {
  background: #f0f0f0;
  border: 2em solid #fff;
  border-radius: 1em;
}

.cookies-details-sec .modal-Cookiescontent::-webkit-scrollbar-thumb:hover {
  background: #7f697a;
}

#brand,
#digitalMarketing,
#integratedCampaign,
#strategy {
  background-color: #55585f;
  border-bottom: 1px solid #4a4f57;
}

.mobile-accordian {
  padding: 12%;
  background-color: #55585f;
}

.accordion-body p {
  color: #fdfdfd8c;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4em;
}

.accord-img img {
  width: 45px;
  margin-right: 20px;
}

.arrowbtn {
  position: relative;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
}

.arrowbtn img {
  width: 17px !important;
}

.offcanvas-body .res-arrow-down.arrorotate,
.rotated {
  transform: rotate(180deg);
}

.readmorearrow-accordian img {
  width: 25px;
  float: right;
}

#services {
  height: auto;
}

#tech-icon {
  margin-top: 5%;
}

@keyframes movingArrow {
  0% {
    transform: translateX(-15px);
  }
}

.services-sec {
  width: 85%;
  margin: 8% auto 0;
}

.services-sec-info {
  text-align: left;
  padding: 0 0 15%;
  margin: 0 4%;
}

.services-sec-info h3 {
  color: #fff;
  font-size: 24px;
  margin: 30px 0 0 6%;
  font-weight: 200;
  display: inline;
  vertical-align: middle;
}

.services-sec-info p {
  color: #fdfdfdb5;
  font-size: 16px;
  font-weight: 300;
  margin: 8% 0 0;
  line-height: 24px;
}

.services-sec-info .konwmorebtn img {
  width: auto;
}

.services-main-sec .elementor-container {
  display: inherit;
}

.services-sec-info .readmorearrow img {
  width: 30px;
  opacity: 0;
}

.services-sec-info a:hover .readmorearrow img {
  opacity: 1;
  transition: opacity 0.8s;
  animation: 1.5s movingArrow;
}

.services-main-sec {
  padding-bottom: 4em;
}

#audio-visual-icon,
#branding-icon,
#creative-icon,
#digital-icon,
#media-icon {
  margin-top: 10px;
}

.details-service-page {
  padding: 6em 0;
}

.services-bg {
  padding: 13% 0 0;
  background-size: cover;
}

.creative-bg {
  background: url(../img/services/creative-banner.jpg) 0 0 / cover no-repeat;
}

.branding-bg {
  background: url(../img/services/branding-banner.jpg) 0 0 / cover no-repeat;
}

.audio-bg {
  background: url(../img/services/audio-banner.jpg) 0 0 / cover no-repeat;
}

.media-bg {
  background: url(../img/services/media-banner.jpg) 0 0 / cover no-repeat;
}

.tech-bg {
  background: url(../img/services/tech-banner.jpg) 0 0 / cover no-repeat;
}

.digital-bg {
  background: url(../img/services/digital-banner.jpg) 0 0 / cover no-repeat;
}

.ser-title-sec {
  padding-bottom: 6%;
}

.ser-title-sec h1 {
  color: #fff;
  font-weight: 200;
  font-size: 4em;
}

.ser-title-sec p {
  color: #fff;
  opacity: 0.8;
  font-size: 24px;
  margin: 0;
}

.ser-title-sec img {
  width: 24px;
  margin: 0 0 0 15px;
}

.ser-overview-sec h3 {
  color: #4e2f49;
  font-size: 3em;
  font-weight: 100;
}

.ser-para-box h1,
.ser-para-box p {
  font-size: 20px;
  color: #484446;
  font-weight: 300;
  line-height: 32px;
  margin: 0;
  display: inline;
  font-family: Poppins, sans-serif !important;
}

.accordian-sec-ser .accordion-button,
.tools-sec h4 {
  color: #4e2f49;
  font-weight: 400;
  font-family: Poppins, sans-serif;
}

.tools-sec {
  margin-top: 3%;
}

.tools-sec h4 {
  font-size: 24px;
  margin: 0;
}

.tools-sec-icon {
  margin-top: 2%;
}

.tools-sec-icon img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  display: inline-block;
  margin: 0;
}

.tools-sec-icon img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 10;
}

.services-page-info .container {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 4em;
  margin-bottom: 3em;
}

.ser-detail-accordian {
  padding: 0 0 6em;
}

.accordian-sec-ser .accordion-button {
  box-shadow: none;
  font-size: 22px;
  padding: 26px 0;
  border-bottom: 1px solid #e0e0e0;
}

.accordian-sec-ser .accordion-button:not(.collapsed) {
  background: 0 0;
  border-bottom: 1px solid #f9d237 !important;
}

.accordian-sec-ser .accordion-button::after,
.accordian-sec-ser .accordion-button:not(.collapsed)::after {
  background: url(../img/services/accordian-arrow.svg) !important;
  width: 30px;
  height: 30px;
}

.accordian-sec-ser .accordion-body {
  padding: 0 0 6%;
  background: 0 0;
}

.accordian-sec-ser .accordion-body p {
  margin: 0;
  padding-top: 34px;
  color: #484446;
  font-size: 19px;
  font-weight: 300;
  line-height: 30px;
}

.scroll-serbtn {
  position: sticky;
  top: 50px;
}

.scroll-serbtn a {
  display: inline-block;
  color: #ddd;
  font-size: 20px;
  border-radius: 6px 6px 0 0;
  font-weight: 300;
}

.scroll-serbtn a:hover {
  background: #622788;
  color: #fff;
}

.ser-creative-sec {
  padding: 6em 0 0;
  border-top: 1px solid #e0e0e0;
}

.creative-sec-info {
  border: 1px solid #e7e7e7;
  padding: 10px 10px 5%;
  margin: 0 3%;
}

.creative-sec-info img {
  width: 100%;
  border-radius: 6px;
  margin: 0;
}

.creative-title-info {
  padding: 0 5%;
}

.creative-sec-info h4 {
  color: #622788;
  font-size: 24px;
  font-weight: 400;
  margin: 20px 0;
  font-family: Poppins, sans-serif;
}

.creative-sec-info p {
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.creative-sec-info a {
  display: block;
  color: #ffc324;
  font-size: 15px;
  font-weight: 400;
}

.creative-sec-info .readmore-links-box {
  margin-top: 6%;
  color: #ffc324;
  font-size: 15px;
  font-weight: 400;
}

.creative-sec-info a:hover {
  color: #622788;
}

.left-ser {
  width: 82%;
  margin-left: 8%;
}

.right-scorllbtn.rightfix {
  width: auto;
  position: fixed;
  right: 9%;
  transition: 0.3s;
  z-index: 99;
}

.right-scorllbtn {
  position: absolute;
  right: 9%;
  bottom: 0;
}

.right-child p {
  display: inline-block;
  position: relative;
  z-index: 9;
  color: #ddd;
  font-size: 16px;
  border-radius: 6px 6px 0 0;
  font-weight: 300;
  margin: 0;
}

.other-ser-box h4,
.other-ser-box p {
  color: #625a69;
  font-weight: 300;
  font-family: Poppins, sans-serif !important;
}

.ser-creative-sec .ser-slider-sec {
  padding: 0 16%;
}

.you-may-like1 {
  margin: 0 0 2% 2%;
}

.owl-carousel .owl-nav.disabled,
.ser-creative-sec .owl-carousel .owl-dots.disabled {
  display: block !important;
}

.ser-creative-sec .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: -26px;
}

.ser-creative-sec .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: -34px;
}

.other-services-sec {
  margin: 8% 0 0;
  position: relative;
}

.other-services-sec .other-ser-post {
  margin: 6% 0 0;
}

.other-ser-line {
  display: inline-block;
  width: 80%;
  height: 1px;
  background: #f2f2f2;
  margin-left: 2%;
  vertical-align: baseline;
}

.other-services-sec .other-ser-box img {
  width: 25px !important;
  display: inline-block !important;
  margin-left: 11px;
}

.other-ser-box {
  padding: 4% 6%;
}

.other-services-sec .item {
  border-left: 1px solid #e3e3e3;
}

.other-services-sec .remove-border-box {
  border-left: 0;
  padding-left: 0;
}

.other-ser-box h4 {
  font-size: 24px;
  margin-bottom: 20px;
}

.other-ser-box p {
  font-size: 16px;
  margin: 0;
}

.other-services-sec .owl-dots {
  display: block !important;
  position: absolute;
  text-align: center;
  margin-top: 1%;
  right: 0;
  top: 0;
}

.other-services-sec .owl-carousel button.owl-dot {
  width: 11px !important;
  height: 11px !important;
  background: #e9e4ec !important;
  border-radius: 50% !important;
  margin: 12px 8px;
  display: block;
}

.other-services-sec .owl-carousel button.owl-dot.active {
  background: #453f49 !important;
}

.other-services-sec .ser-sliderborder-left {
  width: 8px;
  height: 47%;
  background: #fff;
  position: absolute;
  top: 53%;
  left: inherit;
  z-index: 9;
}

.left-ser h1 {
  font-family: Poppins, sans-serif !important;
  font-weight: 200;
  color: #c2bebe;
  font-size: 1.8em;
}

.header-menubar .navbar-collapse .dropdown:hover .dropdown-menu {
  display: block;
  border: none;
  border-radius: 0 0 8px 8px;
}

.header-menubar .navbar-nav ul {
  margin: 0;
}

.header-menubar .navbar-nav li {
  display: inline-block;
}

.dropdown-item:focus,
.header-menubar .dropdown-item:hover,
.header-menubar .res-linkbox {
  color: #fff;
  background: #443848;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.header-menubar .dropdown-item {
  padding: 6px 15px;
  font-weight: 300;
  font-size: 1.1em;
  color: #767676;
  text-align: left;
  margin-bottom: 11px;
}

.navbar .dropdown-img {
  width: 17px;
  margin: 0 0 0 5px;
}

.drawer-menubar .dropdown {
  position: static;
  margin-right: 22px;
}

.drawer-menubar .dropdown-menu {
  background: #473a4b;
  position: absolute;
  overflow: hidden;
  width: 100%;
  left: 0;
  border-radius: 0 0 10px 10px !important;
  transition: 0.7s;
  animation: 0.7s fade;
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.dropdown-drawer-box {
  padding: 2%;
}

.dropdown-drawer-box .arrow-left {
  float: left;
  vertical-align: top;
  line-height: 18px;
}

.dropdown-drawer-box .arrow-left img {
  width: 20px;
}

.dropdown-drawer-box .info-right {
  float: right;
  width: 88%;
}

.dropdown-drawer-box .info-right h4 {
  color: #e9e4ec;
  font-family: Poppins, sans-serif !important;
  font-weight: 400;
  font-size: 18px;
}

.dropdown-drawer-box .info-right p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 200;
  margin-bottom: 0;
}

.dropdown-drawer-info {
  margin-bottom: 3%;
  padding: 8% 9%;
}

.drawer-menubox {
  padding: 0 3%;
}

.active-linkbox {
  background: #443848;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.dropdown-drawer-info:hover {
  background: #443848;
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
}

.drawer-menubar .toparrow {
  position: absolute;
  top: -15px;
  left: 59%;
}

.drawer-menubar .dropdown1 .nav-link:hover {
  font-weight: 500;
}

.offcanvas-body .res-arrow-down {
  transform: rotate(0);
  transition: 0.6s;
  float: right;
  margin: 8px 0 0;
}

.ser-slider-sec .creative-post .owl-stage-outer {
  margin: 0 7px;
}

.department-card img {
  margin-bottom: 10px;
}

.contact-sec {
  margin-top: 23px;
  padding: 0;
}

.bottom-footer {
  border-bottom: 1px solid #717171;
  padding: 0 3% 5% 2%;
  margin-bottom: 50px;
}

.partner-sec-box {
  margin: 0 0 20px;
  padding: 0;
}

.partner-sec-box img {
  height: 105px;
  margin-bottom: 0;
}

.partner-para {
  /* padding-top: 6%;*/
  padding-left: 0;
  padding-right: 0;
}

.partner-para p {
  font-size: 11px;
  color: #eff5ff;
  opacity: 0.8;
  font-weight: 200;
  margin-bottom: 10px;
}

.partner-para a {
  color: #eff5ff;
}

/*.footer .qucik-links-sec .btn.btn-link1 {
  padding-left: 0;
}*/

.footer .btn.btn-link:last-child {
  border-right: 0;
}

.contact-right-sec,
.footer-location-sec {
  margin-bottom: 4%;
}

.footer-sec-box {
  background: #3b353d;
  padding: 0;
}

.footer-logo {
  border: none;
}

.footer-logo img {
  width: 33%;
}

.footer-border {
  border-bottom: 1px solid #717171;
  margin-bottom: 4%;
  padding-bottom: 4%;
}

.social-media-sec {
  padding-top: 15px;
  padding-left: 50%;
}

.team-page-slider .owl-dots {
  display: block;
  text-align: center;
  margin-top: 2%;
}

.team-page-slider .owl-carousel button.owl-dot {
  width: 12px;
  height: 12px;
  background: #ccc9cd;
  border-radius: 50%;
  margin: 0 8px;
}

.team-page-slider .owl-carousel button.owl-dot.active {
  background: #e6ce40;
}

.res-accordion .accordion-button::after {
  width: 21px;
  height: 12px;
  background: url(../img/accordian-arrow.png) 0 0/100% no-repeat !important;
  transition: transform 0.2s ease-in-out;
}

.res-accordion .accordion-button:not(.collapsed)::after {
  background: url(../img/accordian-arrow.png) 0 0/100% no-repeat !important;
  transform: rotate(-180deg);
}

.drawer-menubar .dropbtn::after {
  content: "";
  background: url(../img/res-top-arrwo-icon.png) no-repeat;
  transition: 0.2s;
  position: relative;
  color: #978491;
  width: 15px;
  height: 9px;
  top: 0;
  right: -12px;
  z-index: 11;
  display: inline-block;
}

.drawer-menubar a:hover,
.dropdown:hover .dropbtn {
  font-weight: 400;
  color: var(--dark);
}

.wipro-sub-title h2 {
  color: #fff;
  font-family: Poppins, Sans-serif;
  font-size: 42.5px;
  font-weight: 300;
  margin-bottom: 20px;
}

.digital-tools-sec .digital-slogo-img,
.react-logo {
  width: 84%;
}

.digital-tools-sec .semrush-img {
  width: 72%;
}

.digital-tools-sec .meta-img {
  width: 38%;
}

.nodejs-logo {
  width: 92%;
}

.php-logo,
.wordpress-logo {
  width: 60%;
}

.media-tools .media-meta-img {
  width: 37%;
}

.location-arrow-box p {
  color: #9b9b9b;
  background: #e4ebee;
  padding: 1px 14px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.location-arrow-box img {
  margin-bottom: 3px;
}

.pune-location-sec {
  position: relative;
  top: -2px;
  left: -4.8%;
}

.bengaluru-location-sec {
  position: relative;
  top: 136px;
  left: 5%;
}

.res-map-sec {
  display: none;
}

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}

.amazon-logo img {
  height: auto;
}

.amazon-info {
  border-bottom: 1px solid #717171;
  padding-bottom: 9%;
  margin-bottom: 9%;
}

.amazon-info .para {
  margin-bottom: 0;
}

.accordian-sec-ser .accordion-body .paralink {
  color: #484446;
  cursor: text;
  pointer-events: none;
}

.accordian-sec-ser .accordion-body .linkpara {
  color: #484446;
}

.ser-para-box .paralink {
  color: #484446;
  cursor: text;
  pointer-events: none;
}

.accordian-sec-ser .accordion-body .linkpara1 {
  color: purple;
}

.heading-sec-box {
  max-width: 84%;
}

.inner-page-blog p {
  color: #484446;
  font-size: 19.2px;
  margin-bottom: 0;
  line-height: 1.5em;
}

.blog-para-box h1,
h2,
h4 {
  font-size: 18px;
  color: #4e2f49;
  font-weight: 500;
  margin: 0 0 20px 0;
}

.blog-para-box ul,
ol {
  padding-left: 20px;
}

.blog-para-box li {
  cursor: inherit;
  list-style-type: disc;
  color: #55585f;
  line-height: 26px;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 10px 0;
}

.blog-para-box h4 a {
  color: #4e2f49;
}

.blog-para-box b {
  font-weight: 500;
}

.blog-para-box ol li {
  list-style-type: auto;
  cursor: inherit;
}

.agiculture-digital-bg {
  background: url(../img/blog/agiculture-digital-campagin1.jpg) center / cover no-repeat;
}

.blog-banner-bg {
  background: #469916;
  padding-bottom: 0;
}

.blog-banner-bg p {
  color: rgba(255, 212, 0, 0.7);
  font-weight: 500;
  line-height: 28px;
  font-size: 20px;
  display: flex;
}

.blog-banner-bg .read-para {
  font-size: 14px;
  color: #8fc474;
  font-weight: 400;
}

.blog-banner-bg .blog-date-sec {
  color: rgba(255, 212, 0, 0.7);
}

.agri-infographic-sec {
  text-align: right;
}

.blog-date-box {
  position: relative;
  top: 120px;
  padding-left: 14%;
}

.blog-agri-img {
  position: relative;
  float: right;
}

.blog-agri-img img {
  margin-bottom: 0;
}

.blog-banner-bg .container-fluid {
  padding: 0;
}

.date-sec-info {
  position: absolute;
  top: 24em;

}

.blog-date-sec sup {
  top: 7px;
}

.new-blog-info-sec .blog-para-box {
  margin: 0;
}

.blog-page-info {
  padding-bottom: 0;
}

.blog-date-box h1,
h3 {
  color: #fff;
  font-size: 62px;
  text-align: left;
}

.blog-date-box h1 {
  font-weight: 600;
}

.blog-date-box h3 {
  font-weight: 200;
}

.about-youtube-sec h2 {
  color: #fff;
  font-size: 41.5px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

.blog-para-box .toppara {
  color: #2f8e35;
  font-size: 24px;
  line-height: 1.3em;
  font-weight: 500;
  margin-bottom: 3%;
}

.youtube-platform-sec {
  margin-top: 5%;
  border-top: 1px solid #e5e5e5;
  padding-top: 5%;
}

.youtube-platform-sec h2 {
  font-weight: 200;
  color: #2f8e35;
  font-size: 71px;
}

.youtube-bg-info {
  margin-top: 5%;
  width: 95%;
  background: #f1f1f1;
  border-radius: 60px;
  padding-bottom: 5%;
}

.youtube-bg-info p {
  font-style: italic;
  margin-bottom: 20px;
}

.showcase-box-sec {
  background: #2c3436;
  width: 95%;
  margin: -103px 0 0 5.5%;
  position: relative;
  padding: 40px;
}

.farmer-img-sec {
  text-align: right;
  position: relative;
  right: 0;
}

.farmer-img-sec img {
  width: 280px;
  margin-top: -79%;
  position: relative;
  left: -25px;
}

.youtubepara {
  padding: 7% 8% 0;
}

.youtube-bg-info .space-remove {
  margin-bottom: 0;
}

.showcase-box-sec h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

.showcase-box-sec img {
  width: 100%;
}

.link-para-sec {
  margin-top: 20px;
}

.link-para-sec p {
  color: #b2b2b2;
  font-size: 16px;
}

.about-youtube-sec {
  background: #978491;
  padding: 9em 0em 9em 0em;
  margin-top: -3%;
}

.about-youtube-sec h3 {
  font-weight: 300;
  text-align: center;
  margin-bottom: 40px;
  color: #2f8e35;
}

.about-youtube-sec h4 {
  font-weight: 300;
  color: #fff;
  text-align: center;
  margin: 0;
  font-weight: 300;
  font-size: 19px;
}

.inner-page-blog .social-para-info {
  color: #fff;
}

.flod-task-info {
  background: #674172;
  border: 4px solid rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  padding: 14%;
  width: 100%;
  position: relative;
}

.flod-task-info p {
  width: 100%;
  text-align: center;
  font-weight: 500;
  line-height: 26px;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.6);
}

.flod-task-info::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -42px;
  transform: translateY(-50%);
  width: 58px;
  height: 57px;
  background-image: url("../img/blog/plus-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}

.three-fold-task-sec .col-md-4:last-child .flod-task-info::after {
  display: none;
}

.three-fold-task-sec {
  margin: 30px 0;
}

.social-para-info {
  padding: 0 16%;
  color: #484446;
  font-size: 19.2px;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1.5em;
  text-align: center;
}

.three-fold-task-sec .col-md-4 {
  padding: 0 8px;
}

.youtube-tab-sec {
  background: url(../img/blog/leaves-pattern-bg.png) repeat;
  padding: 4em 0em 9em 0em;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}

.main-tab-sec {
  position: relative;
}

.tab-info-para {
  background: #f9dca2;
  border-radius: 40px;
  padding: 70px 90px;
  width: 84%;
  margin: 0 auto;
}

.youtube-tab-sec h3 {
  font-size: 40px;
  line-height: 1.3;
  font-weight: 300;
  color: #b56f24;
  margin-bottom: 20px;
}

.blog-info h3 {
  font-size: 34.5px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #2f8e35;
}

.tab-info .blodpara {
  font-weight: 500;
}

.number-box {
  background: #efbb3a;
  border: 5px solid #fff;
  border-radius: 20px;
  vertical-align: middle;
  text-align: center;
  padding: 35px;
  position: absolute;
  z-index: 1;
  left: 4.4%;
  top: 12%;
}

.number-box p {
  color: #fff;
  font-size: 42px;
  margin: 0;
  font-weight: 600;
}

.tab-info-para1 {
  margin-right: 0;
  margin-left: 4%;
}

.number-box-two {
  top: 9%;
  right: 8%;
  left: inherit;
}

.tab-sec-mar-sapce {
  margin-bottom: 20px;
  margin-top: -10%;
}

.tab-info-para ul {
  margin: 20px 0 0 0;
  padding-left: 20px;
}

.tab-info-para ul li {
  list-style: disc;
  color: #484446;
  font-size: 19.2px;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 20px;
  cursor: inherit;
}

.listbold {
  font-weight: 600;
}

.strategies-sec {
  padding-top: 6em;
}

.strategies-sec h3 {
  padding: 0 9%;
  font-size: 34.5px;
  font-weight: 200;
  line-height: 1.3;
  margin-bottom: 3%;
  text-align: center;
  color: #484446;
}

.strategies-info {
  background: #674172;
  border-radius: 40px;
  padding: 30px;
  text-align: center;
}

.date-sec span {
  color: #fff;
}

.strategies-info .strategy-title {
  color: rgb(244, 216, 159, 0.6);
  font-weight: 500;
  border-bottom: 1px solid #f4d89f;
  padding: 0 26px 20px 26px;
  line-height: 24px;
  margin-bottom: 10px;
}

.date-sec .number-text {
  font-size: 50px;
}

.date-sec .plus-para {
  font-size: 40px;
}

.date-sec .persentage-para {
  font-size: 40px;
}

.strategy-bottom-line {
  margin-top: -5%;
}

.application-sec {
  background: #55585f;
  padding: 8em 4em 5em 4em;
  text-align: center;
  width: 100%;
  margin-top: -3%;
}

.application-border {
  width: 75%;
  border-top: 80px solid #55585f;
  margin: 0 auto;
  border-radius: 40px 40px 0 0;
  position: relative;
  margin-top: -2%;
  z-index: -1;
}

.application-sec h3 {
  font-size: 34.5px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 25%;
}

.application-sec p {
  padding: 0 25%;
  color: #fff;
}

.engagement-sec h3 {
  color: #63bc57;
  font-weight: 400;
  margin-bottom: 20px;
  font-size: 34.5px;
  line-height: 1.3;
}

.engagement-sec .white-para {
  color: #484446;
  font-weight: 200;
  font-size: 24px;
  margin-bottom: 40px;
}

.next-story-tab {
  background: #000;
  padding: 30px 20px;
}

.next-story-tab p {
  color: #63bc57;
  font-style: italic;
  text-align: right;
}

.tab-info-para .blodpara {
  margin-top: 20px;
}

.strategy-bottom-line p {
  margin: 15px 0 0 0;
  line-height: 24px;
  color: #fff;
}

.blog-para-box .sec-col-sapce-right {
  padding-right: 30px;
}

.blog-para-box .sec-col-sapce-left {
  padding-left: 30px;
}

.about-youtube-sec .title-line-info {
  padding: 0 15%;
}

.engagement-sec {
  padding-left: 4%;
}

.tab-info-para ul li:last-child {
  margin-bottom: 0;
}

.dropdown-drawer-box1 {
  justify-content: center;
}

.drawer-menubar .dropdown-menu1 {
  width: 30%;
  left: 57%;
  padding: 25px;
}

.drawer-menubox1 {
  width: 100%;
}

.application-box {
  background: #e3e3e3;
}

.social-wrapper {
  position: relative;
}

.blog-social-sec a {
  display: block;
}

.blog-page-info {
  position: relative;
}

.main-wrapper {
  position: relative;
  display: flex;
  padding: 30px;
}

.sidebar {
  position: absolute;
  left: 9%;
  top: inherit;
  transition: top 0.3s ease, transform 0.3s ease;
}

.sidebar.sticky {
  position: fixed;
  top: 120px;
  /* or as per your design */
}

.sidebar.stopped {
  position: absolute;
  top: auto;
  bottom: 74px;
  /* or adjust based on your section padding */
}

@media (max-width: 768px) {
  .sidebar.sticky {
    top: 140px;
    /* adjust for mobile/tablet */
  }
}

.testimonial-section {
  padding: 4em 0;
}

.testimonial-section .testimonial-container {
  width: 82%;
  margin: 0 auto;
}

.testimonial-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  height: auto;
  padding: 30px;
  border: 2px solid #e5e5e5;
  border-radius: 20px;
}

.testimonial-info .testi-quote {
  width: 14px !important;
  opacity: 0.4;
  margin-bottom: 12px;
}

.testimonial-para p {
  color: #767676;
  font-size: 17px;
  line-height: 24px;
  margin: 0 0 0 0;
  font-weight: 300;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 15px;
  border-top: 1px solid #e9e4ec82;
  padding-top: 20px;
  margin-top: auto;
}

.test-para-box {
  flex-grow: 1;
}

.testimonial-logo {
  background: #e9e4ec;
  width: 80px !important;
  height: 80px;
  object-fit: contain;
  border-radius: 50%;
  padding: 12px;
}

.testimonial-logo img {
  width: 100%;
  margin: 0;
}

.testimonial-author h4 {
  margin: 0 0 5px 0;
  font-size: 16px;
  color: #4e2f49;
}

.testimonial-author p {
  margin: 0;
  font-size: 16px;
  color: #767676;
  line-height: 24px;
}

.author-info {
  width: 80%;
}

.testimonial-section .item {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin-right: 20px !important;
}

.testimonial-section .item:last-child {
  margin-right: 0 !important;
}

.testimonial-section .owl-carousel .owl-stage {
  display: flex;
}

.testimonial-section .item,
.testimonial-info {
  height: 100%;
}

.testimonial-section .owl-nav {
  width: 100%;
  text-align: center;
  margin-top: 2%;
}

.testimonial-section .owl-carousel .owl-nav button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e9e4ec !important;
  margin: 0 15px;
}

.testimonial-section .owl-carousel .owl-nav button:hover {
  background: #674172 !important;
}

.testimonial-section .testimonialarrow {
  width: 10px;
  margin: 0;
}

.testimonial-para .space-bottom {
  margin-bottom: 20px;
}

.testimonial-container .elementor-heading-title-reel {
  margin: 0 0 4%;
}

/* blog2 */

.top-banner .row {
  background: #7aa562;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  /* Aligns both columns to the top */
  padding-top: 4%;
}

.top-banner .container-fluid {
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}

.top-banner .image {
  flex: 4 1 40%;
  padding: 0;
}

.topbanner-text {
  padding-left: 10%;
  padding-top: 4%;
}

.top-banner .image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  padding: 0;
}

#youtube-campaign {
  font-size: 53px;
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: 100;
}

#interruption {
  font-size: 60px;
  font-weight: 300;
}

#consistency {
  font-size: 89px;
  font-weight: 100;
  color: #ffff;
  padding: 0;
  margin-top: -18px;
  line-height: 0.98;
}

.top-banner .meta {
  font-size: 18px;
  font-weight: 400;
  opacity: 0.7;
  color: #000;
  margin: 18% 0 15% 0;
  line-height: 1.2;
}

.read-para-blog2 {
  font-weight: 300;
  font-size: 14px;
}

.reality-check-para {
  margin: 5% 0 2% 0;
  padding: 0 10%;
}

.reality-check-para h1 {
  font-size: 24px;
  font-weight: 500;
  color: #616b71;
}

.reality-check-para h2 {
  font-weight: 300;
  color: #7aa562;
  font-size: 48px;
}

.reality-check-para .sec-col-sapce-right {
  color: #7c7b7c;
  padding-right: 50px;
  line-height: 1.5em;
  font-size: 19.2px;
  font-weight: 300;
}

.reality-check-para .sec-col-sapce-left {
  color: #7c7b7c;
  line-height: 1.5em;
  font-size: 19.2px;
  font-weight: 300;
}

.reality-check-para img {
  margin-top: 25px;
  width: 100%;
  margin-bottom: 0;
}

.reality-img-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.reality-img-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.overlay-text {
  position: absolute;
  top: 40%;
  left: 13%;
  transform: translate(-50%, -50%);
  text-align: left;
  padding: 20px 30px;
  border-radius: 8px;
  max-width: 25%;
}

#effctspara {
  font-size: 36px;
  color: #66546c;
}

.overlay-text h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.overlay-text p {
  font-size: 18px;
  margin: 0;
}

.main-title-black {
  padding: 4% 16% 3% 16%;
  margin: 0;
}

.black-section-1,
.black-section-2,
.black-section-3 {
  position: relative;
  width: 100%;
  margin-bottom: 3px;
}

/* Background image */
.bg-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Overlay content */
.black-section-1 .overlay-content,
.black-section-2 .overlay-content,
.black-section-3 .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20% 0 0%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #626c72;
  z-index: 2;
}

#eco-content {
  padding: 0 6% 0 20%;
}

/* Text section styling */
.text-content {
  padding: 0 70 0 73;
}

.text-content h2 {
  font-size: 25px;
  margin-bottom: 15px;
  color: #4a5154;
}

.text-content p {
  opacity: 0.8;
  font-size: 21px;
  line-height: 1.6;
  color: #4a5154;
}

/* Icon/image section styling */
.icon-content {
  text-align: left;
  padding-left: 2%;
}

/* .icon-content {
  max-width: 20%;
  height: auto;
} */

.black-section .container-fluid .row>* {
  padding: 0;
  margin: 0;
}

.black-section .container-fluid {
  padding: 0;
  margin: 0;
}

.black-section .container-fluid>.black-section-2 {
  margin-top: -50px;
  margin-bottom: -75px;
}

.youtube-logo-img {
  padding: 0;
}

.youtube-logo-img img {
  width: 55%;
  margin-bottom: -40px;
}

.black-section {
  background-color: #dee6ea;
}

.blog2-para-box {
  font-size: 25px;
  font-weight: 300;
  color: #333333;
}

.black-section-title h2 {
  font-size: 46px;
}

.black-section h2 {
  color: #4a5154;
  font-size: 58px;
  font-weight: 300;
  margin: 0;
}

.black-section h3 {
  color: #4a5154;
  font-size: 38px;
  font-weight: 300;
  margin: 0;
  padding-bottom: 10px;
}

.black-section .block {
  margin: 40px 0;
}

/* red section */
.strategy-section {
  background: url("../img/blog-2/bg-greenbg.png") center;
  background-size: cover;
  padding: 0 20px;
  position: relative;
  color: white;
  font-family: "Arial", sans-serif;
}

.strategy-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  padding: 5% 12%;
}

.strategy-container h2 {
  font-weight: 300;
  font-size: 60px;
  color: #355422;
}

.strategy-container p {
  font-size: 24px;
  color: #2f3233;
  padding: 1em 5em 0 5em;
}

#bold-para {
  font-size: 25px;
  font-weight: 700;
  padding: 1em 5em 1em 5em;
}

.video-img img {
  width: 100%;
}

.strategy-left {
  position: relative;
  flex: 1;
  min-width: 300px;
}

.strategy-left .main-img {
  width: 100%;
  max-width: 500px;
  z-index: 1;
  position: relative;
}

.strategy-left .icon {
  position: absolute;
  width: 50px;
}

.strategy-left .icon1 {
  top: 10%;
  left: 5%;
}

.strategy-left .icon2 {
  bottom: 15%;
  left: 25%;
}

.strategy-left .icon3 {
  top: 40%;
  left: 60%;
}

.strategy-right {
  flex: 1.2;
  min-width: 300px;
}

.strategy-right h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #000;
}

.strategy-right p {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #000;
  margin-bottom: 15px;
}

/* spiral */
.spiral {
  background: url("../img/blog-2/gray-dt-bg.png") center;
  background-size: cover;
}

.spiral .main-title {
  margin-top: 0;
  padding-top: 0;
}

#stoppage-section {
  margin-left: 18%;
  padding-bottom: 2.2em;
}

.section-item.bottom-space {
  padding-bottom: 2em;
}

.main-container-compunding {
  position: relative;
  padding: 95px 20px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.spiral-ring {
  position: absolute;
  top: -32px;
  right: 370px;
  width: 265px;
  opacity: 0.8;
  z-index: 0;
}

.centered-content {
  position: relative;
  padding: 0;
  z-index: 1;
  padding-left: 6em;
  padding-bottom: 2em;
}

.main-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  color: #d3b844;
  text-align: left;
}

.highlight {
  color: #af9a3f;
  text-align: left;
}

.section-item {
  width: 90%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
  text-align: left;
}


.section-item .red-circle {
  min-width: 90px;
  min-height: 90px;
  background-color: #af9a3f;
  border-radius: 50%;
  margin-top: 30px;
}

.section-title {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin: 50px 0 10px -42px;
}

.seprator {
  border-bottom: 1px solid #ebebeb;
  margin: 0 5%;
}

.subtitle {
  font-size: 54px;
  text-align: left;
  font-weight: 300;
  color: #d3b844;
  margin-bottom: 40px;
  z-index: 99;
}

.section-text {
  font-size: 19.2px;
  line-height: 1.6;
  color: #d1d1d1;
  margin: 0 0 0 -4%;
}

.stoppage-content,
.stoppage-text {
  margin-left: 25%;
  width: 65%;
  text-align: left;
  z-index: 99;
}

#stopage-text {
  width: 70%;
  margin: 0 0 0 -5%;
}

#stoppage-dot {
  margin-left: -47%;
}

.highlight-red {
  color: #ff2e2e;
}

.blog2-para-box .toppara {
  color: #7aa562;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 500;
  margin: 0 0 5% 0;
}

.black-box-section {
  background: #000;
  padding: 2%;
}

.carousel-videos-box {
  cursor: pointer;
}

.creative-post h3 {
  font-size: 20px;
  font-weight: 200;
}

.creative-post .card {
  box-shadow: none;
}

.creative-post .card-body {
  flex: none;
}

.ser-creative-sec .marketing-post-sec .owl-stage {
  display: flex;
}

.ser-creative-sec .marketing-post-sec .owl-item {
  display: flex;
  height: auto;
}

.ser-creative-sec .marketing-post-sec .card {
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 5%;
}

.ser-creative-sec .marketing-post-sec .owl-nav {
  display: none !important;
}

.ser-creative-sec .marketing-post-sec .owl-dots {
  display: none !important;
  text-align: center;
}

.ser-creative-sec .marketing-post-sec button.owl-dot {
  width: 11px !important;
  height: 11px !important;
  background: #e9e4ec !important;
  border-radius: 50% !important;
  margin: 12px 8px !important;
}

.ser-creative-sec .marketing-post-sec button.owl-dot.active {
  background: #f9d237 !important;
}

.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 64.25%;
  height: 0;
  overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper .carousel-videos-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.other-services-sec1 {
  margin: 4% 0;
}

.marketing-form form {
  position: relative;
}

.influencer-marketing-sec {
  padding-bottom: 5em;
}

.influencer-marketing-sec1 {
  padding-bottom: 4em;
}

.influencer-marketing-sec h3 {
  color: #4E2F49;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 60px;
}

.influencer-info-box {
  padding: 0 20px;
}

.marketing-icon-sec h5 {
  font-size: 24px;
  color: #625a69;
  font-weight: 300;
}

.marketing-icon-sec p {
  color: #484446;
  font-size: 19px;
  margin-bottom: 0;
  font-weight: 300;
}

.marketing-icon-sec .mb-4 {
  margin-bottom: 8% !important;
}

.marketing-form {
  border-radius: 20px;
  border: 1px solid rgba(72, 68, 70, 0.2);
  padding: 3em;
}

.marketing-form .form-control {
  background: none;
  border-bottom: 1px solid #D8D8D8;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  color: #484446;
  padding: 0 0 15px 15px;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}

.marketing-form .input-with-icon {
  position: relative;
}

.marketing-form .input-with-icon img {
  position: absolute;
  left: 10px;
  top: 20%;
  transform: translateY(-50%);
}

.marketing-form .input-with-icon input {
  padding-left: 40px;
}

.marketing-form .submit-btn {
  background: #4E2F49;
  color: #fff;
  border-radius: 12px;
}

.marketing-form h3 {
  color: #4E2F49;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 30px;
}

.marketing-form .note-label {
  color: #484446;
}

.marketing-form .note-label a {
  color: #484446;
}

.marketing-form .formcheckbtn .checkmark {
  top: 5px;
}

.wipro-header-text1 {
  padding: 0 5em;
}

.other-services-sec2 {
  padding: 4% 0;
  background: #F8F8F8;
  margin: 0;
  border: none;
}

.other-services-sec2 .ser-sliderborder-left {
  background: #F8F8F8;
}

.marketing-form::placeholder {
  color: #484446;
}

.marketing-form .form-control::placeholder {
  color: #484446;
  opacity: 0.5;
}

.marketing-form .form-control:-ms-input-placeholder {
  color: #484446;
  opacity: 0.5;
}

.marketing-form .form-control::-ms-input-placeholder {
  color: #484446;
  opacity: 0.5;
}

.marketing-form input:focus {
  color: #484446;
  opacity: 0.5;
}

.marketing-form .form-label {
  color: #484446;
  opacity: 0.5;
}

.marketing-para {
  padding-right: 12%;
}

.marketing-para p {
  color: #767676;
  font-size: 19px;
  font-weight: 400;
  margin: 0;
}

.marketing-info-border {
  border-left: 1px solid #E5E5E5;
}

.marketing-info-border1 {
  border: none;
}

.why-join-sec {
  background: url(../img/services/marketing-bg.jpg) no-repeat;
  background-size: cover;
  padding: 4em 0;
}

.marketing-img-box img {
  width: 100%;
}

.why-join-info-sec {
  padding: 5em 0;
}

.why-join-info-sec h3 {
  color: #4E2F49;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 30px;
}

.why-join-info-sec .marketing-info {
  margin-top: 8%;
}

.staricon {
  display: block;
  color: #F90A0E;
  position: absolute;
  top: 18px;
}

.section-text a {
  color: #d1d1d1;
}

.about-youtube-sec h4 a {
  color: #fff;
}

.toppara a {
  color: #2f8e35;
}

/* responsive */

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.flod-task-info1 {
  background: #fff;
  border: 1px solid #ccc;
}

.flod-task-info1 p {
  color: #674172;
}

.flod-task-info1::after {
  background: none;
}

.main-tab-sec1 p {
  margin-bottom: 15px;
}

.top-space {
  margin-top: 20px;
}

.youtubepara1 ul {
  margin-bottom: 0;
}

.youtubepara1 ul li {
  list-style: disc;
  margin-bottom: 20px;
  color: #484446;
  font-size: 19.2px;
  line-height: 1.5em;
  cursor: inherit;
}

.blog-para-box1 p {
  margin-bottom: 20px;
}

.youtube-platform-sec .heading-title-1 {
  font-weight: 200;
  color: #2f8e35;
  font-size: 71px;
}

.about-youtube-sec .white-para-box {
  color: #fff;
  text-align: center;
  padding: 0 10%;
}

.goggle-bg {
  background: #1b509a;
}

.blue-date-title .blog-date-sec {
  color: #b9d6ff;
}

.blue-date-title .read-para {
  color: #fff;
}

.google-discover-sec .blue-para-sec1 {
  color: #1b509a;
}

.why-discover-sec {
  background: #dfe9f7;
}

.why-discover-sec h2 {
  color: #1b509a;
}

.discover-border-box {
  padding: 40px;
  border-radius: 20px;
  background: #fff;
}

.why-discover-sec .discover-para {
  padding: 0 14%;
  text-align: center;
  margin-bottom: 4%;
  color: #484446;
}

.discover-tab-sec {
  background: url(../img/blog-3/bg-1.png) no-repeat center;
  background-size: cover;
  padding: 12em 0;
  text-align: center;
}

.discover-tab-sec h3 {
  color: #1b509a;
  font-size: 41.5px;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
}

.discover-tab-sec p {
  color: #484446;
}

.discover-tab-sec .tab-info-para {
  background: none;
  width: 100%;
  padding: 0 16%;
}

.google-discover-sec img {
  width: 100%;
}

.expert-content-sec {
  padding: 2% 5%;
  width: 100%;
  background: #f1f7ff;
}

.content-depth-img {
  text-align: center;
}

.youtubepara1 {
  padding: 0 !important;
}

.designing-img img {
  width: 100%;
  margin: 40px 0;
}

.discover-border-box p {
  text-align: left;
  font-weight: 500;
  font-size: 18px;
}

.blog-para-box1 .toppara {
  color: #4a5154;
}

.blog-date-box .normal-font-sec {
  font-weight: 300;
}

.inner-page-blog .para-sapce-remove {
  margin-bottom: 0;
}

.discover-border-box h5 {
  text-align: left;
  color: #484446;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 24px;
}

.beyond-advertising-banner {
  background: #043C2F url(../img/blog-4/bg.jpg) no-repeat center;
  background-size: cover;
}

.advertising-banner-info p {
  color: #F69D0B;
  letter-spacing: 2px;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.advertising-banner-info h1 {
  font-size: 64px;
  color: #fff;
  text-align: center;
  margin: 0 0 20px 0;
}

.advertising-banner-info h4 {
  font-size: 36px;
  color: #fff;
  font-weight: normal;
  font-weight: 200;
  text-align: center;
}

.yellowborder {
  width: 10%;
  height: 6px;
  background: #F69D0B;
  margin: 30px auto;
  border-radius: 20px;
}

.advertising-banner-info .smallparabox {
  font-size: 16px;
  color: #9BA3B0;
  letter-spacing: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.advertising-green-bg {
  background: #E7F4EA;
  border-radius: 40px;
  padding: 4%;
  margin: 50px 0 0 0;
}

.advertising-green-bg h2 {
  color: #064D3B;
  font-size: 71px;
  font-weight: 200;
}

.title-border-sec {
  width: 40%;
  height: 6px;
  background: #F69D0B;
  border-radius: 20px;
  margin: 45px 0;
}

.advertising-right-space {
  padding-right: 30px;
}

.advertising-left-space {
  padding-left: 30px;
}

.advertising-green-info {
  padding: 0 25px;
}

.helps-brands-sec {
  margin: 6em 0;
}

.helps-brands-sec h3 {
  font-size: 41.5px;
  color: #064D3B;
  font-weight: 400;
  margin-bottom: 2em;
  text-align: center;
}

.number-circle {
  background: #E7F4EA;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: -20% auto 30px auto;
}

.number-circle p {
  color: #064D3B;
  text-align: center;
  width: 100%;
  font-weight: 600;
  font-size: 26px;
}

.helps-brands-info {
  border: 1px solid #F69D0B;
  padding: 30px;
  border-radius: 20px;
}

.brands-info-box h4 {
  color: #064D3B;
  font-size: 19.2px;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
}

.brands-info-box p {
  text-align: center;
}

.purplezone-partner-sec {
  background: #efefef;
  padding: 7em 0;
  margin-top: 4em;
}

.partner-logo-sec {
  text-align: right;
}

.partner-logo-sec img {
  display: inline-block;
  margin-right: 20px;
}

.partner-info-para p {
  font-size: 34.5px;
  font-weight: 400;
  line-height: 44px;
}

.mahadhan-campaign-info h3 {
  color: #F09E0C;
  font-size: 41.5px;
  font-weight: 400;
  margin-bottom: 30px;
}

.helps-brands-list .space-remove {
  margin-bottom: 0;
}

.mahadhan-campaign-sec {
  padding: 6em 0;
}

.mahadhan-campaign-info p {
  margin-bottom: 15px;
}

.promtion-bg {
  /*background: #FDEED1;*/
  padding: 20px;
  margin: 40px 5%;
}

.promtion-bg h4 {
  border-left: 6px solid #F09E0C;
  color: #28292B;
  padding: 20px;
  margin-bottom: 0;
  line-height: 32px;
  font-size: 19.5px;
  font-weight: 600;
}

.mahadhan-result-sec {
  background: url(../img/blog-4/crop-patter-bg.jpg) no-repeat;
  background-size: cover;
  padding: 12em 0 6em 0;
}

.mahadhan-result-sec h3 {
  color: #afe1ba;
  text-align: center;
  font-weight: 400;
  font-size: 41.5px;
  margin-bottom: 20px;
}

.mahadhan-result-sec p {
  text-align: center;
  color: #fff;
  padding: 0 26%;
}

.next-market-sec {
  text-align: center;
}

.date-blog-card {
  position: absolute;
  width: 100%;
  left: 10%;
}

.date-btn-sec {
  position: relative;
  top: 0;
}

.beyond-advertising-banner .blog-date-sec {
  color: #4b7a49;
}

.beyond-advertising-banner .read-para {
  color: #E7F4EA;
}

.space-sec p {
  margin-bottom: 0;
}

.yellow-text {
  color: #f0c543;
}

.rural-marketing-banner {
  background: url(../img/blog-5/rural-performance-marketing-bg.png) no-repeat center;
  background-size: cover;
}

.performance-marketing-img img {
  object-fit: cover;
  mix-blend-mode: screen;
}

/*=============blog 5 css===============*/
.perfect-face-banner {
  background: #ab332f;
  padding-top: 4%;
}

.red-date-title .red-text {
  color: #ffaaa7;
}

.red-date-title .white-text {
  color: #fff;
}

.right-celebrity-sec {
  margin-bottom: 3em;
}

.right-celebrity-sec h3 {
  color: #ab332f;
  padding-bottom: 3%;
}

.red-circle-img {
  text-align: center;
  margin: -30% auto 30px auto;
  background: #ab332f;
}

.red-circle-img img {
  width: 35px;
  margin: 0 auto;
}

.red-circle-img .art-icon-img {
  width: 20px;
}

.right-celebrity-sec h4 {
  color: #0c0c0c;
}

.right-celebrity-sec p {
  color: #0c0c0c;
}

.right-celebrity-sec .helps-brands-info {
  background: #fde7e5;
  border: none;
  border-radius: 20px;
  padding: 50px;
}

.quote-section {
  background: #fff;
  margin-bottom: 7em;
}

.quote-section .quote-box {
  position: relative;
  margin: auto;
  padding: 80px 70px;
  border-radius: 20px;
  overflow: hidden;
}

/* Background Brush */

.quote-section .quote-box::before {
  content: "";
  position: absolute;
  inset: 40px;
  background: rgba(194, 50, 50, .05);
  filter: blur(1px);
  border-radius: 20px;
  z-index: 0;
}

/* Corner Border */

.quote-section .quote-box::after {
  content: "";
  position: absolute;
  inset: 15px;
  border: 3px solid #FEE7AA;
  border-radius: 30px;
  clip-path: polygon(0 10%, 10% 10%, 10% 0,
      90% 0, 90% 10%, 100% 10%,
      100% 90%, 90% 90%, 90% 100%,
      10% 100%, 10% 90%, 0 90%);
  opacity: .8;
}

.quote-section .quote-content {
  position: relative;
  z-index: 2;
}

.quote-section .quote {
  position: absolute;
  color: #FEE7AA;
  font-size: 90px;
  font-weight: 700;
  z-index: 3;
  line-height: 1;
}

.quote-section .quote-left {
  left: 20px;
  top: 10px;
}

.quote-section .quote-right {
  right: 30px;
  bottom: -18px;
}

.quote-section .quote-text {
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  color: #4b4a4a;
}

.quote-section .divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 35px 0;
  border: none;
}

.quote-section .divider span {
  width: 170px;
  height: 2px;
  background: #a31937;
}

.quote-section .divider i {
  color: #a31937;
  font-style: normal;
  font-size: 20px;
}

.quote-section .its-about {
  font-size: 36px;
  font-style: italic;
  color: #4b4a4a;
  margin-bottom: 10px;
}

.quote-section .belief {
  font-size: 46px;
  font-weight: 800;
  color: #a31937;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
}

.quote-section .belief::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  background: #a31937;
  left: 0;
  bottom: -8px;
  border-radius: 100px;
  transform: skewX(-15deg);
}

.cargill-story-sec h3 {
  font-size: 41.5px;
  font-weight: 400;
  margin-bottom: 1em;
  text-align: center;
  color: #4b4a4a;
}

.cargill-story-box {
  text-align: center;
}

.cargill-story-box p {
  text-align: center;
}

.cargill-story-box h4 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #000000;
}

.cargill-story-info {
  margin: 4em;
  border: 1px solid #fff;
  padding: 40px 0;
  border-radius: 20px;
}

.cargill-border {
  border-right: 2px dashed #a31937;
}

.cargill-campaign-sec {
  padding: 0 0 0 0;
}

.cargilll-trusted-sec {
  background: #fde7e6;
  border-radius: 20px;
  padding: 40px;
  margin: -75px 16em 40px 16em;
  position: absolute;
}

.cargilll-trusted-sec p {
  color: #000;
  font-size: 24px;
}

.cargilll-trusted-sec img {
  width: 100%;
  margin: 0;
}

.divider-right {
  border-left: 2px solid #000;
  padding-left: 20px;
}

.cargill-campaign-bg {
  background: #fff;
}

.cargill-campaign-bg h3 {
  color: #ab332f;
}

.cargill-campaign-bg p {
  padding: 0 15em;
  color: #484446;
}

.trusted-guide-para {
  margin: 0 0;
}

.trusted-guide-para p {
  text-align: center;
}

.strategy-sec {
  margin: 0 0 3em 0;
  text-align: center;
}


/*=============blog 6 css===============*/
.advertising-banner-info p {
  color: #f69d0b;
  letter-spacing: 2px;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.advertising-banner-info h1 {
  font-size: 64px;
  color: #fff;
  text-align: center;
  margin: 0 0 20px 0;
}

.advertising-banner-info h4 {
  font-size: 36px;
  color: #fff;
  font-weight: normal;
  font-weight: 200;
  text-align: center;
}

.yellowborder {
  width: 10%;
  height: 6px;
  background: #f69d0b;
  margin: 30px auto;
  border-radius: 20px;
}

.advertising-banner-info .smallparabox {
  font-size: 16px;
  color: #9ba3b0;
  letter-spacing: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.advertising-green-bg {
  background: #e7f4ea;
  border-radius: 40px;
  padding: 4%;
  margin: 50px 0 0 0;
}

.advertising-green-bg h2 {
  color: #064d3b;
  font-size: 71px;
  font-weight: 200;
}

.title-border-sec {
  width: 40%;
  height: 6px;
  background: #f69d0b;
  border-radius: 20px;
  margin: 45px 0;
}

.advertising-right-space {
  padding-right: 30px;
}

.advertising-left-space {
  padding-left: 30px;
}

.advertising-green-info {
  padding: 0 25px;
}


.marketing-section {
  width: 100%;
  padding: 120px 20px;
  display: flex;
  justify-content: center;
  background: #ffffff;
}

.marketing-box {
  width: 56em;
  border: 1.5px solid #a88700;
  border-radius: 40px;
  padding: 45px 50px 220px;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.description-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 48px;
  width: 1213px;
  max-width: calc(100% + 160px);
  padding: 34px 55px;
  border-radius: 28px;
  background: #fff5e6;
  z-index: 2;
  text-align: center;
}

/* Heading */
.marketing-box h2 {
  font-size: 41.5px;
  font-weight: 400;
  color: #000;
  margin: 0 0 13px 0;
  text-align: center;
  line-height: 1.12;
  padding: 0 80px;
}


.marketing-box h3 {
  text-align: center;
  margin-top: 12px;
  font-size: 41.5px;
  font-style: italic;
  font-weight: 400;
  color: #a88700;
  line-height: 1.1;
}

/* Paragraph */

.description-box p {
  color: #1f1f1f;
}

/* Performance marketing in rural space */
.performance-marketing-in-rural-space-banner {
  background: url(../img/blog-6/rural-performance-marketing-bg.png) no-repeat center;
  background-size: cover;
}

/* UPL Argyle Campaign - Case Study block */
.argyle-campaign-sec {
  background: url(../img/blog-6/argyle-campaign-bg.jpg) no-repeat center;
  background-size: cover;
  padding: 6em 0;
}

.argyle-campaign-info h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.argyle-campaign-info h1 {
  color: #fe9d00;
  font-size: 41.5px;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.2;
}

.argyle-campaign-info p {
  color: #fff;
}

/* Pull-quote section below the hero */
.argyle-quote-sec {
  background: #fff1dd;
  padding: 4em 0;
}

.argyle-quote-box {
  position: relative;
  max-width: 75%;
  margin: 0 auto;
  text-align: center;
}

.argyle-quote-box p {
  color: #484446;
  font-size: 19.2px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.7;
  margin: 0 40px;
  display: inline;
}

.argyle-quote-box .quote-arrow-left,
.argyle-quote-box .quote-arrow-right {
  width: 24px;
  vertical-align: top;
  margin: 0 5px;
}

.performance-marketing-img img {
  object-fit: cover;
  mix-blend-mode: screen;
}

.blog-date-sec-rural-performance p {
  color: white;
}

.blog-rural-date-box {
  top: 46px;
}

.yellow-text {
  color: #f0c543;
}

.white-date-title .blog-date-sec {
  color: #718d73;
}

.white-date-title .read-para {
  color: #fff;
}

.broadcasting-sec h3 {
  color: black;
}

.why-performance-bg {
  border-left: 6px solid #f09e0c;
  color: #28292b;
  padding: 20px;
  margin-top: 4em;
  padding-right: 15em;
}

.why-pefor-content h4 {
  color: black;

  font-size: 24px;
}

.why-perform-bg {
  background: #fff1dd;
  padding-left: 11em;
}

.rural-marketing-color {
  color: #1c291d !important;
}

.platform-section2 {
  padding: 7em 0;
}

.platform-heading {
  margin: 0;
}

.platform-box img {
  margin-bottom: 30px;
}

.platform-heading h3 {
  font-size: 41.5px;
  color: #1c291d;
  font-weight: 400;
  text-align: center;
}

.rural-quote-sec {
  position: relative;
  padding: 2em 0;
}

.quote-left {
  position: absolute;
  width: 17px;
  top: 0;
  left: 17px;
}

.quote-right {
  position: absolute;
  width: 50px;
  right: 21px;
  bottom: -38px;
}

.rural-marketing-para {
  font-weight: 300;
  font-size: 18.2px;
}

.rural-marketing-heading {
  padding-top: 20px;
  font-size: 20px;
}

.rural-marketing-heading:first-of-type {
  padding-top: 0;
}


.why-perform-para {
  margin: 0;
}

.why-perform-para h3 {
  color: #064d3b;
  text-align: left;
  font-size: 71px;
  margin-bottom: 0;
  font-weight: 200;
}

.dash-line-box {
  border-right: 1px dashed #000;
}

.dash-line-box:last-child {
  border-right: none;
}

.platform-box {
  text-align: center;
}

.white-dash-line {
  border-right: 1px dashed white;
}

.argyle-box {
  margin: 6em 0;
}


.inner-page-blog .quote-italic {
  font-style: italic;
  color: white;
  text-align: center;
}

.platform-campaign-box {
  text-align: center;
}

.platform-campaign-box p {
  font-size: 24px;
}

.platform-campaign-box .argyle-yellow {
  color: #fe9d00;
}