@charset "UTF-8";
/**
 * Talkfever reset
 * =================================
 * We use normalize.css for the bulk of our 'reset'
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* font-family: "DM Sans", sans-serif; */
/* font-family: "Poppins", sans-serif; */
/* font-family: "Open Sans", sans-serif; */

* {
  font: inherit;
}

*,
::before,
::after {
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/***********
  margins
  paddings
 **********/
html {
  box-sizing: border-box;
}

body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
nav,
select,
textarea,
ul,
ol,
dl {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;

}

/*********
  hovers
 ********/
a,
button,
input[type=submit] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
a:hover,
button:hover,
input[type=submit]:hover {
  cursor: pointer;
}

/**************
  decorations
 *************/
a,
button,
input,
select,
textarea {
  background: none;
  color: inherit;
  border: none;
  text-transform: none;
  text-decoration: none;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

h1 {
  font-size: 80px;
  font-weight: 600;
  color: #ffffff;
}

h2 {
  font-size: 44px;
  font-weight: 600;
}

h3 {
  font-size: 40px;
  font-weight: 600;
}

h4 {
  font-size: 34px;
  font-weight: 500;
}

h5 {
  font-size: 22px;
  font-weight: 400;
}

h6 {
  font-size: 18px;
  font-weight: 500;
}

* + h1,
* + .h1,
* + .alpha,
* + h2,
* + .h2,
* + .beta,
* + h3,
* + .h3,
* + .gamma,
* + h4,
* + .h4,
* + .delta {
  margin-top: 0px;
}
.container{
  max-width: 1632px;
}
.section-heading {
  margin-bottom: 60px;
  text-align: center;
}
.section-heading h6 {
  font-size: 14px;
  color: #528052;
}
.section-heading h2 {
  color: #16213e;
}

.slick-dots {
  display: flex !important;
  align-items: center;
  position: absolute;
  left: 220px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
  max-width: 100px;
  bottom: 40px;
}
.slick-dots li {
  background-color: #528052;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active {
  background-color: #528052;
  width: 15px;
  height: 15px;
}

.heading-h6 {
  color: #528052;
  font-size: 14px;
}

.heading-h2-bs {
  color: #16213e;
  margin-top: 10px;
  line-height: 64px;
}

.heading-h1-bs {
  color: #16213e;
}

.description-p {
  font-size: 17px !important;
  color: #41444b !important;
  line-height: 28px !important;
}

.widget-list-content {
  max-width: 250px;
}

.section-padding {
  padding: 80px 0px;
}

.blue-widget {
  background-color: rgba(60, 40, 118, 0.9) !important;
}

.green-widget {
  background-color: #528052;
}

.btn {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  cursor: pointer;
  border: none;
  margin: 0;
  line-height: 2.5;
  height: 48px;
  padding: 0px 35px;
  overflow: visible;
  text-align: center;
  border-radius: 7px;
  user-select: none;
  background-color: #E60012;
  transition: all 0.5s ease;
}
.btn, .btn:link, .btn:visited {
  color: #fff;
}
.btn:hover, .btn:active, .btn:focus {
  background-color: #ec2254;
}
.btn, .btn:hover, .btn:active, .btn:focus, .btn:visited {
  text-decoration: none;
}
.btn:active, .btn:focus {
  outline: none;
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.5;
}
.btn.white-btn {
  background-color: #ffffff;
  padding: 9px 15px;
  height: 55px;
  line-height: 38px;
  font-size: 20px;
  color: #000000;
  font-weight: 600;
}
.btn.white-btn:hover, .btn.white-btn:active, .btn.white-btn:focus {
  background-color: #e6e6e6;
}
.btn.white-btn, .btn.white-btn:link, .btn.white-btn:visited {
  color: #000000;
}
.btn.btn-transparent {
  background-color: transparent;
  height: auto;
  font-size: 14px;
  padding: 5px 0px;
  color: #005b94 !important;
  line-height: 14px;
}
.btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus {
  background-color: transparent;
  color: #528052 !important;
}
.btn.btn-transparent, .btn.btn-transparent:link, .btn.btn-transparent:visited {
  text-decoration: none;
}
.btn.btn-arrow {
  width: 55px;
  height: 55px;
  color: #00395c !important;
  padding: 14px 0px;
}
.btn.btn-pickle {
  width: 55px;
  height: 55px;
  padding: 4px 0px;
}
.btn.btn-blue {
  background-color: #E60B40;
  width: 55px;
  height: 55px;
  padding: 4px 0px;
}
.btn.btn-blue, .btn.btn-blue:link, .btn.btn-blue:visited {
  color: #fff;
}
.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus {
  background-color: #291b50;
}
.btn.btn-blue, .btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus, .btn.btn-blue:visited {
  text-decoration: none;
}
.btn.btn-blue:active, .btn.btn-blue:focus {
  outline: none;
}
.btn.btn-blue.disabled, .btn.btn-blue[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.5;
}

.btn--primary {
  background-color: #E60B40;
}
.btn--primary, .btn--primary:link, .btn--primary:visited {
  color: #fff;
}
.btn--primary:hover, .btn--primary:active, .btn--primary:focus {
  background-color: #eb1b4f;
}

.btn--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn--block + .btn--block {
  margin-top: 10px;
}

input[type=submit].btn--block,
input[type=reset].btn--block,
input[type=button].btn--block {
  width: 100%;
}

/* HEADER CSS */

.main-header {
  background-color: #212121;          /* fallback for old browsers */
  background-color: rgb(72 72 72 / 28%);
  backdrop-filter: blur(8px);
  position: fixed;
  width: 100%;
  padding: 15px 40px;
  z-index: 999;
  top: 0;
}
.main-header .main-logo {
  max-width: 196px;
  display: inline-block;
}
.main-header .mainmenu .nav-item .nav-link {
  color: #fff;
  transition: color 0.3s, font-weight 0.3s;
}
.main-header .mainmenu .nav-item .nav-link:hover,
.main-header .mainmenu .nav-item .nav-link.active {
  color: #f92c2c;
  font-weight: 700;
}
.main-header .cta {
  background-color: #E03E33;
  font-size: 20px;
  font-weight: 400;
}
.main-header.scrolled {
  background-color: #212121;
  z-index: 9999;
}
.main-header .mobile-widget {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* BANNER CSS */
.banner-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.banner-wrapper #bannerVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* video ko fullscreen cover karne ke liye */
  z-index: 0;
}
.banner-wrapper:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* overlay */
  z-index: 1;
  top: 0;
  left: 0;
}
.banner-wrapper .banner-content {
  z-index: 99;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
}
.banner-wrapper .banner-content h1 {
  font-weight: 400;
  font-size: 92px;
}
.banner-wrapper .banner-content p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  padding-right: 10px;
}
.banner-wrapper .banner-content .login-box {
  background-color: rgb(72 72 72 / 28%);
  backdrop-filter: blur(18px);
  max-width: 525px;
  margin: 0 0 0 auto;
  padding: 32px;
  border-radius: 10px;
}
.banner-wrapper .banner-content .login-box .google-btn {
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
  justify-content: center;
  border-radius: 8px;
  padding: 13px 0px;
}
.banner-wrapper .banner-content .login-box .form-control {
  border: solid 1px #ffffff;
  background-color: transparent;
  border-radius: 8px;
  padding: 13px 15px;
}
.banner-wrapper .banner-content .login-box .form-label {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.banner-wrapper .banner-content .login-box .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(255, 255, 255);
}
.banner-wrapper .banner-content .login-box .form-control::-moz-placeholder { /* Firefox 19+ */
  color: rgb(255, 255, 255);
}
.banner-wrapper .banner-content .login-box .form-control:-ms-input-placeholder { /* IE 10+ */
  color: rgb(255, 255, 255);
}
.banner-wrapper .banner-content .login-box .form-control::-ms-input-placeholder { /* Edge */
  color: rgb(255, 255, 255);
}
.banner-wrapper .banner-content .login-box .form-control::placeholder { /* Standard */
  color: rgb(255, 255, 255);
}
.banner-wrapper .banner-content .form-check .form-check-label ,
.banner-wrapper .banner-content .login-footer-link a,
.banner-wrapper .banner-content .forgot-password {
  color: #fff;
}
.banner-wrapper .banner-content .login-footer-link a:hover,
.banner-wrapper .banner-content .forgot-password:hover{
  color: #f92c2c;
}
.banner-wrapper .banner-content .login-box .or {
  position: relative;
  color: #fff;
}
.banner-wrapper .banner-content .login-box .or:after, .banner-wrapper .banner-content .login-box .or:before {
  position: absolute;
  content: '';
  width: 42%;
  height: 1px;
  background-color: #A6A4A4;
  top: 50%;
  transform: translate(0px, 50%);
  right: 0;
}
.banner-wrapper .banner-content .login-box .or:after {
  right: auto;
  left: 0;
}
.banner-wrapper .banner-content .arrow-icon {
  border: solid 1px #ffffff;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  margin-top: 60px;
}
.banner-wrapper .banner-content .mobile-btn .cta.btn {
  background-color: #E03E33;
  padding: 6px 50px;
  height: auto;
  margin-top: 60px;
}

/* Growth Connection CSS*/
.growth-connection-wrapper .widget.pe-10 {
    padding-right: 100px;
}
.growth-connection-wrapper .widget h3 {
  font-size: 64px;
  font-weight: 600;
  color: #111111;
  font-family: "DM Sans", sans-serif;
}
.growth-connection-wrapper .widget .btn-wrap .circles-user img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: -20px;
}
.growth-connection-wrapper .widget .btn-wrap .circles-user span {
  height: 59px;
  width: 59px;
  background: #E60012;
  color: #fff;
  line-height: 50px;
  text-align: center;
  justify-content: center;
  border-radius: 100%;
  display: flex;
  margin-right: 0px;
  position: relative;
  align-items: center;
  z-index: 999;
  top: 0px;
  font-size: 17px;
  font-weight: 700;
}
.growth-connection-wrapper .widget .btn-wrap .btn-download {
  display: flex;
  padding: 2px 2px 0px 15px;
  color: #E60012;
  text-decoration: none;
  border: solid 1px #E60012;
  border-radius: 60px;
  font-size: 16px;
  align-items: center;
  gap: 40px;
  font-weight: 600;
}
.growth-connection-wrapper .widget .user-details {
  position: absolute;
  bottom: 28px;
  background-color: #fff;
  border-radius: 0px 40px 40px 0px;
  padding: 8px 8px 8px 10px;
  gap: 6px;
  left: 0;
}
.growth-connection-wrapper .widget .user-details h5 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.growth-connection-wrapper .widget .user-details p {
  margin: 0;
  font-size: 15px;
  color: #FF9C9C;
}
.growth-connection-wrapper .widget-content {
  background-color: #E6D9FD;
  padding: 26px 26px;
  border-radius: 10px;
  position: relative;
  z-index: 99;
  overflow: hidden;
}
.growth-connection-wrapper .widget-content h4 {
  font-size: 24px;
  color: #1C1C1C;
  font-weight: 600;
  max-width: 70%;
  margin-bottom: 130px;
}
.growth-connection-wrapper .widget-content p {
  color: #111111;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
}
.growth-connection-wrapper .widget-content.item-shapes01:before,
.growth-connection-wrapper .widget-content.item-shapes02:before,
.growth-connection-wrapper .widget-content.item-shapes03:before {
  background-image: url(../images/shapes02.png);
  position: absolute;
  content: '';
  width: 222px;
  height: 170px;
  background-repeat: no-repeat;
  right: -40px;
  top: 10px;
  z-index: -1;
}
.growth-connection-wrapper .widget-content.item-shapes01{
  background-color: #FFD1AC;
}
.growth-connection-wrapper .widget-content.item-shapes03{
  background-color: #DAF3FF;
}
.growth-connection-wrapper .widget-content.item-shapes02:before{
  background-image: url(../images/shapes01.png);
}
.growth-connection-wrapper .widget-content.item-shapes03:before{
  background-image: url(../images/shapes03.png);
}


/* Revolutionizing Wrapper */

.revolutionizing-wrapper .item .icon {
  width: 40px;
}
.revolutionizing-wrapper .item .content {
  width: calc(100% - 40px);
}
.revolutionizing-wrapper .item .content h5 {
  font-size: 20px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 10px;
}
.revolutionizing-wrapper .item .content p {
  font-size: 18px;
  color: #919191;
  font-family: "DM Sans", sans-serif;
}

/* Ultimate Social */
.ultimate-social-wrapper{
  background-color: #FFF5F5;
}
.ultimate-social-wrapper .widget .section-heading h4 {
  font-size: 32px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 33px;
}
.ultimate-social-wrapper .widget .section-heading p {
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.ultimate-social-wrapper .widget .ultimate-tab .nav-item {
  display: flex;
  counter-increment: num;
}
.ultimate-social-wrapper .widget .ultimate-tab .nav-item .nav-link {
  font-size: 36px;
  font-weight: 400;
  color: rgb(28 28 28 / 33%) !important;
  padding: 0;
  width: calc(100% - 50px);
  border-radius: 0;
  text-align: start;
  position: relative;
  height: 56px;
}
.ultimate-social-wrapper .widget .ultimate-tab .nav-item .nav-link.active {
  background-color: transparent;
  color: #1C1C1C !important;
  border-bottom: solid 2px;
}
.ultimate-social-wrapper .widget .ultimate-tab .nav-item .nav-link.active:before {
  position: absolute;
  right: -50px;
  content: " " counter(num);
}
.ultimate-social-wrapper .widget .tab-content .tab-pane .tab-content-bottom {
  max-width: 383px;
  background: #FFECED;
  padding: 50px;
  position: absolute;
  bottom: -70px;
  left: 0;
}
.ultimate-social-wrapper .widget .tab-content .tab-pane{
  position: relative;
}
.ultimate-social-wrapper .widget .tab-content .tab-pane .video-content {
  text-align: right;
  height: 580px;
}
.ultimate-social-wrapper .widget .tab-content .tab-pane .tab-content-bottom h4 {
  font-size: 24px;
  font-weight: 400;
  color: #E60012;
  margin-bottom: 13px;
}
.ultimate-social-wrapper .widget .tab-content .tab-pane video {
  width: calc(100% - 210px);
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.ultimate-social-wrapper .widget .tab-content .tab-pane .tab-content-bottom p {
  font-size: 18px;
  font-weight: 400;
  color: #555555;
  font-family: "DM Sans", sans-serif;
  margin-bottom: 0;
}
.bringing-wrapper .items-marquee {
  overflow: hidden;
}
.bringing-wrapper .items-marquee .item-marquee-content {
  display: inline-block;
  max-width: 610px;
  text-align: center;
  margin-right: 50px;
}
.bringing-wrapper .section-heading h2 {
  font-size: 32px;
  font-weight: 600;
  color: #111111;
}
.bringing-wrapper .items-marquee .js-marquee {
  display: flex;
}
.bringing-wrapper .items-marquee .item-marquee-content h3 {
  font-size: 48px;
  color: #111111;
}
.bringing-wrapper .items-marquee .item-marquee-content p {
  padding: 0px 95px;
  font-size: 20px;
  color: #000000;
}
.talkfever-marketplace-wrapper {
  background-color: #13181D;
  position: relative;
  height: 546px;
  display: flex;
  align-items: end;
  z-index: 99;
}
.talkfever-marketplace-wrapper:before {
  background: linear-gradient(90deg, rgba(222, 214, 211, 0) 0%, rgba(222, 214, 211, 0) 66.5%, rgba(130, 121, 117, 0.152) 100%);
  position: absolute;
  content: '';
  height: 100%;
  top: 0;
  width: 41.66666667%;
  z-index: -1;
}
.talkfever-marketplace-wrapper .left-widget h2 {
  color: #ffffff;
  font-size: 44px;
  font-weight: 600;
  padding-right: 200px;
  margin-bottom: 27px;
}
.talkfever-marketplace-wrapper .left-widget p {
  color: #D9D9D9;
  font-weight: 400;
  font-size: 16px;
}
.talkfever-marketplace-wrapper .bg-img {
  background-image: url('../images/image05.png');
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 80px;
}
.talkfever-marketplace-wrapper .tag-slider .tag {
  display: inline-block;
  padding: 10px 20px;
  color: #333;
  background: #fff;
  border-radius: 5px;
  margin-right: 10px;
}
.talkfever-marketplace-wrapper .tag-slider .tag i {
  width: 40px;
  height: 40px;
  background: #fff;
  color: #fff;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  margin-right: 20px;
}
.talkfever-marketplace-wrapper .tag-slider .tag.color1 i{
  background: #5daed5;
}
.talkfever-marketplace-wrapper .tag-slider .tag.color2 i{
  background: #f4d278;
}
.talkfever-marketplace-wrapper .tag-slider .tag.color3 i{
  background: #e94d88;
}
.talkfever-marketplace-wrapper .tag-slider {
  overflow: hidden;
}

/* Testimonial Wrapper */
.testimonial-wrapper .widget {
  padding: 16px 32px;
  border-radius: 12px;
  text-align: center;
}
.testimonial-wrapper .widget img {
  width: 125px;
  margin: 0 auto;
}
.testimonial-wrapper .widget h3 {
  font-size: 24px;
  color: #343F52;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 5px;
}
.testimonial-wrapper .widget small {
  font-size: 16px;
  color: #E03E33;
}
.testimonial-wrapper .widget p {
  font-size: 18px;
  color: #60697B;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  margin-top: 15px;
}
.testimonial-wrapper .widget .company-name {
  margin-top: 0;
  font-weight: 600;
  color: #000;
}
.testimonial-wrapper .widget .social {
  margin-top: 30px;
}
.testimonial-wrapper .widget .social a {
  font-size: 20px;
  padding: 0px 10px;
}
.testimonial-wrapper .widget .social a .la-twitter{
  color: #5DAED5;
}
.testimonial-wrapper .widget .social a .la-facebook-f{
  color: #4470CF;
}
.testimonial-wrapper .widget .social a .la-instagram{
  color: #E94D88;
}
.testimonial-wrapper .testimonial-slider {
  max-width: 900px;
  margin: 0 auto;
}
.testimonial-slider .owl-nav button{
  background-color: #212121 !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  color: #fff !important;
  position: absolute;
  top: 50%;
  transform: translateY(50%);
  left: 0;
}
.testimonial-slider .owl-nav button:hover{
  background-color: #e03e33 !important;
}
.testimonial-slider .owl-nav button.owl-next {
  right: 0;
  left: auto;
}


/* Stories Wrapper */

.stories-wrapper .heading-section h2 {
  font-size: 40px;
  font-weight: 600;
  color: #111111;
  margin-bottom: 33px;
}
.stories-wrapper .photoslider {
  overflow: hidden;
  margin-top: 50px;
  position: relative;
}
.stories-wrapper .photoslider .sliderblock {
  max-width: 33%;
  display: inline-block;
}
.stories-wrapper .photoslider .sliderblock img {
    height: 400px;
    object-fit: cover;
}
.stories-wrapper .photoslider:before {
  content: "";
  width: 100%;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  margin-top: -50px;
  left: 0px;
  z-index: 999;
}
.stories-wrapper .photoslider:after {
  content: "";
  width: 100%;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  margin-bottom: -50px;
  left: 0px;
  bottom: 0px;
}
.stories-wrapper .heading-section p {
  font-size: 16px;
  font-weight: 400;
  color: #919191;
  font-family: "DM Sans", sans-serif;
}

/* Footer */
.main-footer {
  background-color: #FFF7F7;
  padding: 80px 0px;
}
.main-footer .widget h3 {
  font-size: 20px;
  color: #101828;
  margin-bottom: 31px;
}
.main-footer .widget .links ul li a {
  font-size: 16px;
  color: #6B6767;
  padding: 5px 0px;
  display: inline-block;
}
.main-footer .f-social a {
  display: inline-block;
  margin-right: 20px;
  width: 45px;
}
.main-footer .f-social a img {
  width: 100%;
}
.main-footer .f-contact li {
  margin-bottom: 10px;
}
.main-footer .f-contact a i {
  color: #fa2c2c;
  font-size: 20px;
  margin-top: 3px;
}
.main-footer .f-contact a {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  color: #6B6767;
}
.main-footer .f-contact h3 {
  font-size: 20px;
  color: #1C1C1C;
  margin-bottom: 25px;
}
.main-footer .subscribe-form .form-group {
  display: flex;
  margin-bottom: 20px;
}

/* About page CSS */
.about-banner-wrapper{
  background-image: url(../images/bg01.jpg);
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: solid 75px #E03E33;
}
.powerful-wrapper{
  position: relative;
}
.powerful-wrapper .bg-img-left {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 0;
}
.powerful-wrapper .bg-img-left .img-widget {
  background-image: url('../images/image06.jpg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: relative;
  border-radius: 0px 40px 40px 0px;
}
.powerful-wrapper .widget {
  padding-right: 110px;
}
.powerful-wrapper .widget h3 {
  color: #282828;
  font-size: 40px;
  margin-bottom: 30px;
}
.powerful-wrapper .widget p {
  color: #6C6B6B;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}
.counter-wrapper .widget {
  background-color: #F5F3F3;
  border-radius: 12px;
}
.counter-wrapper .widget .counter {
  font-size: 74px;
  color: #282828;
  margin-bottom: 10px;
}
.counter-wrapper .widget p {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}
.welcome-talkfever-wrapper .video-widget {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.welcome-talkfever-wrapper .video-content {
  background: linear-gradient(rgb(255 255 255 / 0%) 4.95%, #1D1D1D 78.16%);
  padding: 70px 20px 0px 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.welcome-talkfever-wrapper .video-content p {
  color: #fff;
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
.welcome-talkfever-wrapper .video-content h4 {
  font-size: 24px;
  color: #fff;
  font-weight: 600;
}
.welcome-talkfever-wrapper .widget h4 {
  font-size: 44px;
  font-weight: 700;
  color: #1C1C1C;
}
.welcome-talkfever-wrapper .widget p {
  font-size: 20px;
  font-weight: 400;
  color: #6D6D6D;
  font-family: "Open Sans", sans-serif;
}
.welcome-talkfever-wrapper .talkfever-item {
  border: solid 1px #D2D2D2;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  gap: 15px;
}
.welcome-talkfever-wrapper .talkfever-item .connect h4 {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #1C1C1C;
}
.welcome-talkfever-wrapper .talkfever-item .icon {
  width: 100px;
}
.welcome-talkfever-wrapper .talkfever-item .connect {
  width: calc(100% - 100px);
}
.welcome-talkfever-wrapper .talkfever-item .connect p {
  color: #555555;
  font-size: 20px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.team-wrapper .widget {
  position: relative;
  text-align: center;
  padding: 0px 50px;
  padding-top: 80px;
  height: 100%;
}
.team-wrapper .widget:hover {
    background-color: #E60012;
}
.team-wrapper .widget .content h4 {
  font-size: 26px;
  font-weight: 700;
  color: #1C1C1C;
}
.team-wrapper .widget .content h5 {
  color: #000;
  font-weight: 500;
  margin-bottom: 35px;
}
.team-wrapper .widget:hover h4{
    color: #ffffff;
}
.team-wrapper .widget:hover h5{
    color: #ffffff;
}
.team-wrapper .widget:before, .team-wrapper .widget:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 5px;
  background-color: #FF979F;
  top: 20px;
  left: 20px;
}
.team-wrapper .widget:after {
  right: 20px;
  left: auto;
}
.team-wrapper .widget img {
  height: 285px;
}
.team-wrapper .widget .content {
  margin-top: 140px;
  text-align: center;
}
.team-wrapper .col-lg-3 {
  border-right: solid 1px #A1A1A1;
}
.team-wrapper .col-lg-3:last-child {
  border-right: none;
}
.join-conversation-wrapper{
  background-color: #E03E33;
  position: relative;
  overflow: hidden;
}
.join-conversation-wrapper .polygon1 {
  position: absolute;
  left: 0px;
  top: 0px;
}
.join-conversation-wrapper .polygon2 {
  position: absolute;
  right: 0px;
  top: 0px;
  transform: rotate(-25deg);
}
.join-conversation-wrapper .polygon3 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  transform: rotate(45deg);
}
.join-conversation-wrapper .polygon4 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  transform: rotate(65deg);
}
.join-conversation-wrapper .widget h4 {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 44px;
}
.join-conversation-wrapper .widget p {
  font-size: 24px;
  color: #FFFFFF;
  font-weight: 400;
  margin-bottom: 22px;
  font-family: "Open Sans", sans-serif;
}
.join-conversation-wrapper .widget .subscribe-form .form-group {
  display: flex;
  gap: 24px;
}
.join-conversation-wrapper .widget .subscribe-form .form-group button.btn {
  background-color: #fff;
  color: #FF948C;
}
.join-conversation-wrapper .widget .subscribe-form .form-group .form-control{
  color: #FF948C;
}
.join-conversation-wrapper .widget .subscribe-form .form-group .form-control::-webkit-input-placeholder { 
  color: #FF948C; 
} 
.join-conversation-wrapper .widget .subscribe-form .form-group .form-control::-moz-placeholder          { 
  color: #FF948C; 
}
.join-conversation-wrapper .widget .subscribe-form .form-group .form-control:-ms-input-placeholder     { 
  color: #FF948C; 
} 
.verticals-banner-wrapper {
  padding: 160px 0px 80px 0px;
  background-color: #ffffff;
}
.verticals-banner-wrapper .widget {
  background-color: #f9ebeb;
  max-width: 478px;
  padding: 32px;
  border-radius: 10px;
  position: relative;
}
.verticals-banner-wrapper .widget h3 {
  font-size: 48px;
  color: #050505;
  font-weight: 600;
  margin-bottom: 42px;
}
.verticals-banner-wrapper .widget p {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  margin-bottom: 72px;
}
.verticals-banner-wrapper .widget .border-circle {
  border: solid 2px #bf3838;
  width: 95px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: -48px;
  bottom: 25px;
}
.verticals-banner-wrapper .widget .circle {
  background-color: #f9ebeb;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 14px #bf3838;
}

.about-community-wrapper .widget h3 {
  font-size: 36px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 50px;
}
.about-community-wrapper .widget p {
  font-size: 20px;
  color: #6C6B6B;
  margin-bottom: 33px;
}
.about-community-wrapper .widget ul {
  list-style: disc;
  padding-left: 25px;
}
.about-community-wrapper .widget ul li{
  font-size: 20px;
  margin-bottom: 33px;
  color: #6C6B6B;
}
.about-community-wrapper .right-img {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.about-community-wrapper .right-img .img-widget {
  background-position: 100%;
  background-size: cover;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  border-radius: 0px 0px 0px 280px;
}
.about-community-wrapper.community02 {
  background-color: #FFF1F1;
}
.about-community-wrapper.community02 .left-img {
  right: auto;
  left: 0;
}
.about-community-wrapper.community02 .img-widget {
  border-radius: 0px;
}
.latest-posts-wrapper .widget .content .blog-post-by img {
  width: 42px;
  border-radius: 50%;
  height: 42px;
  margin-right: 20px;
}
.latest-posts-wrapper .widget .content .blog-post-by .details h4 {
  font-size: 16px;
  color: #60697B;
  margin-right: 20px;
}
.latest-posts-wrapper .widget .content .blog-post-by .details p {
  margin: 0;
  font-size: 12px;
  color: #60697B;
}
.latest-posts-wrapper .widget .content {
  padding: 25px;
}
.latest-posts-wrapper .widget .content h5 {
  font-size: 20px;
  color: #343F52;
  font-weight: 600;
  margin-bottom: 15px;
}
.latest-posts-wrapper .widget .content p {
  font-size: 16px;
  color: #60697B;
  margin-bottom: 20px;
}
.latest-posts-wrapper .widget {
  box-shadow: 0px 0px 9px 0px #0000001F;
  border-radius: 10px;
}
.blog-banner-wrapper {
  padding: 0px 0px;
  height: 100vh;
  background-size: cover;
  background-position: top;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: end;
}
.blog-banner-wrapper:before {
  position: absolute;
  background-color: rgb(0 0 0 / 44%);
  content: '';
  height: 100%;
  left: 0;
  width: 100%;
  z-index: -1;
}
.blog-banner-wrapper .widget h2 {
  color: #ffffff;
  margin-bottom: 30px;
  font-size: 60px;
}
.blog-banner-wrapper .widget p {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 80px;
}
.latest-posts-wrapper .category-items{
  padding: 80px 0px;
}
.latest-posts-wrapper .category-items a {
  border: solid 2px #E60012;
  padding: 5px 15px;
  border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.compaigns-banner-wrapper {
  height: 80vh;
  background: linear-gradient(110.98deg, #FFD9DC 0%, #FFFFFF 76.13%);
  display: flex;
  align-items: center;
  margin-bottom: 160px;
}
.compaigns-banner-wrapper .widget h2 {
  font-size: 48px;
  color: #1C1C1C;
  font-weight: 600;
  margin-bottom: 16px;
}
.compaigns-banner-wrapper .widget p {
  font-size: 20px;
  color: #1C1C1C;
}
.compaigns-banner-wrapper .widget {
  padding: 370px 0px 0px 0px;
}
.compaigns-banner-wrapper .img-widget {
  margin-top: 250px;
}
.reach-people-wrapper .widget .content-overlay {
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100%;
  padding: 19px 28px;
  left: 0;
}
.reach-people-wrapper .widget{
  position: relative;
}
.reach-people-wrapper .widget .content-overlay h4 {
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
}
.campaign-wrapper .widget {
  border: solid 1px #DFDEDE;
  border-radius: 8px;
  text-align: center;
  padding: 24px;
}
.campaign-wrapper .widget h4 {
  font-size: 29px;
  font-weight: 700;
  margin: 18px 0px;
}
.campaign-wrapper .widget p {
  margin: 0;
  font-size: 20px;
  color: #1C1C1C;
  font-family: "Open Sans", sans-serif;
}
.campaign-wrapper .widget01 h4{
  color: #1B66D4;
}
.campaign-wrapper .widget02 h4{
  color: #F19601;
}
.campaign-wrapper .widget03 h4{
  color: #FF5C42;
}
.campaign-wrapper .widget04 h4{
  color: #086608;
}
.campaign-wrapper .widget05 h4{
  color: #91428B;
}
.budget-timeline-wrapper {
  background-color: #FFE7E5;
}
.budget-timeline-wrapper .widget h4 {
  font-size: 44px;
  font-weight: 600;
  color: #1C1C1C;
  margin-bottom: 24px;
}
.budget-timeline-wrapper .widget p {
  font-size: 20px;
  margin-bottom: 24px;
  color: #6C6B6B;
}
.budget-timeline-wrapper .widget ul {
  list-style: disc;
  padding-left: 25px;
}
.budget-timeline-wrapper .widget ul li {
  font-size: 20px;
  color: #6C6B6B;
  margin-bottom: 10px;
}
.grow-follower-wrapper .widget h4 span {
  color: #939393;
}
.grow-follower-wrapper .widget h4 {
  color: #1C1C1C;
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 30px;
}
.grow-follower-wrapper .widget h3 {
  font-size: 128px;
  color: #FFE7E5;
}
.grow-follower-wrapper .widget {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 40px 0px;
}
.click-through-wrapper {
  height: 500px;
  padding-top: 336px;
  background-size: cover;
  margin-bottom: 252px;
}
.click-through-wrapper .widget {
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 0px #00000040;
  border-radius: 24px;
  padding: 24px;
  text-align: center;
  height: 100%;
}
.click-through-wrapper .widget h5 {
  font-size: 24px;
  color: #1C1C1C;
  font-weight: 600;
  margin: 18px 0px;
}
.click-through-wrapper .widget p {
  font-size: 16px;
  color: #1C1C1C;
  margin: 0;
}
.reach-people-wrapper .widget .details {
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(28, 28, 28, 0.25) 0%, #1C1C1C 100%);
  padding: 10px 15px;
}
.reach-people-wrapper .widget {
    border-radius: 10px;
    overflow: hidden;
}
.reach-people-wrapper .widget .details h4 a {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: underline;
}
.reach-people-wrapper .widget .details p {
  margin-top: 10px;
  color: #ffffff;
}
.reward-banner-wrapper {
  height: 100vh;
}
.talkfever-refer .widget .details {
  height: 100%;
  background: transparent;
  display: flex;
  align-items: end;
}
.talkfever-refer .widget .details h5 {
  font-size: 30px;
  font-weight: 700;
  color: #FFFFFF;
  padding-left: 34px;
}
.talkfever-refer .widget .details h3 {
  color: #FFFFFF6E;
  font-size: 200px;
  line-height: 160px;
}
.talkfever-refer .widget .details h4 {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
}
.rewards-wrapper{
  background-color: #FFF7F7;
}
.rewards-wrapper .left-img {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.rewards-wrapper .left-img .img-left-widget{
  height: 100%;
}
.rewards-wrapper .widget h4 {
  font-size: 60px;
  font-weight: 600;
  color: #1C1C1C;
}
.rewards-wrapper .left-img .img-left-widget img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.rewards-wrapper .widget ul li h4 {
  font-size: 20px;
  font-weight: 600;
  color: #1C1C1C;
}
.rewards-wrapper .widget ul li{
  margin-bottom: 30px;
  display: flex;
  gap: 18px;
}
.rewards-wrapper .widget ul li p {
  font-size: 20px;
  color: #6C6B6B;
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
    margin-bottom: 0px;
}
.rewards-wrapper .widget p {
  font-size: 24px;
  color: #6C6B6B;
  margin-top: 42px;
  margin-bottom: 50px;
}
.rewards-wrapper .widget {
  padding: 70px 100px;
}
.rewards-wrapper .right-img {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.rewards-wrapper .right-img .img-right-widget img {
  height: 100%;
}
.rewards-wrapper .right-img .img-right-widget img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.logo-slider {
    overflow: hidden;
}
.logo-slider .item {
  display: inline-block;
  padding: 10px 10px;
  color: #333;
  background: #fff;
  border-radius: 5px;
  margin-right: 0px;
  max-width: 310px;
}
.logo-slider .js-marquee {
    display: flex;
}
.logo-slider .item h4 {
    font-size: 24px;
    color: #9D9D9D;
    text-align: center;
    margin-top: 12px;
    font-weight: 500;
}
/* Responsive CSS */
@media only screen and (max-width: 1200px) {
  .main-header .menu-btn {
    display: block;
    height: 40px;
    padding: 2px 4px;
    text-align: right;
    width: 40px;
  }
  .main-header .menu-btn .toggle-icon {
    background-color: #ffffff;
    height: 3px;
    margin: 7px 0;
    width: 100%;
  }
  .main-header .mobile-menu {
    position: fixed;
    background-color: rgb(0 0 0 / 93%);
    display: block !important;
    height: 100vh;
    top: 0;
    width: 320px;
    left: 0;
    transform: translateX(-100%);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
  }
  .main-header.show .mobile-menu {
    transform: translateX(0%);
  }
  .main-header .mobile-menu .menu .mainmenu {
    flex-direction: column;
    padding: 60px 0px;
  }
  .main-header .mobile-menu .menu .mainmenu .nav-item .nav-link {
    font-size: 24px;
    padding: 15px 10px;
  }
  .banner-wrapper {
    height: 100%;
    padding: 150px 0px 80px 0px;
  }
  .banner-wrapper .banner-content{
    height: 100%;
  }
  .banner-wrapper .banner-content .login-box {
    max-width: 100%;
  }
}
@media only screen and (max-width: 991.98px) {
  .banner-wrapper .banner-content .login-box {
    /* display: none; */
    text-align: left;
  }
  .banner-wrapper #bannerVideo {
    
    margin-top: -150px;
    height: 520px;
  }
  .banner-wrapper:after {
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #111111 485px);
  }
  .banner-wrapper .banner-content {
    text-align: center;
    padding: 100px 0px 0px 0px;
  }
  .banner-wrapper .banner-content h1 {
    font-size: 72px;
  }
  .growth-connection-wrapper .widget-content h4 {
    margin-bottom: 15px;
  }
  .growth-connection-wrapper .widget h3 {
    font-size: 54px;
  }
  .growth-connection-wrapper .widget.mobile-bottom-space {
    margin-bottom: 160px;
  }
  .main-header {
    padding: 10px 0px;
  }
  .main-header .main-logo {
    max-width: 136px;
  }
  .ultimate-social-wrapper .widget .ultimate-tab .nav-item .nav-link {
    height: auto;
    line-height: 30px;
    font-size: 24px;
  }
  .powerful-wrapper .bg-img-left {
    position: static;
    height: 60vw;
    padding: 0px 15px;
    margin-bottom: 30px;
  }
  .section-padding {
    padding: 60px 0px;
  }
  .team-wrapper .col-lg-3:nth-child(2) {
    border: none;
  }
  .verticals-banner-wrapper .widget {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .verticals-banner-wrapper .widget .border-circle {
    bottom: -20px;
    right: 0;
  }
  .about-community-wrapper .right-img {
    position: relative;
    height: 68vw;
  } 
  .about-community-wrapper .widget {
    margin-top: 40px;
  }
  .blog-banner-wrapper .widget h2 {
    font-size: 45px;
  }
  .click-through-wrapper{
    height: auto;
    margin-bottom: 0;
  }
  .compaigns-banner-wrapper {
    height: auto;
    margin-bottom: 0px;
  }
  .compaigns-banner-wrapper .widget {
    padding: 120px 0px 0px 0px;
  }
  .compaigns-banner-wrapper .img-widget  {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .growth-connection-wrapper .widget .btn-wrap {
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
  }
  .growth-connection-wrapper .widget .btn-wrap .btn-download {
    gap: 5px;
  }
  .growth-connection-wrapper .widget h3 {
    font-size: 44px;
  }
  .growth-connection-wrapper .widget.pe-10 {
    padding-right: 0px;
  }
  .section-padding {
    padding: 40px 0px;
  }
  .ultimate-social-wrapper .widget .tab-content .tab-pane video {
    width: calc(100% - 0px);
  }
  .main-footer .mobile-colm {
    width: 50%;
  }
  .main-footer .footer-logo img {
    max-width: 200px;
  }
  .ultimate-social-wrapper .widget .tab-content .tab-pane .tab-content-bottom {
    max-width: 383px;
    background: #FFECED;
    padding: 15px;
  }
  .bringing-wrapper .section-heading h2 {
    text-align: center;
    font-size: 24px;
  }
  .bringing-wrapper .items-marquee .item-marquee-content h3 {
    font-size: 32px;
  }
  .bringing-wrapper .items-marquee .item-marquee-content p {
    font-size: 14px;
  }
  .talkfever-marketplace-wrapper {
    height: auto;
    padding-bottom: 0;
  }
  .talkfever-marketplace-wrapper .bg-img {
    position: relative;
    height: 420px;
    background-position: bottom;
  }
  .talkfever-marketplace-wrapper:before{
    display: none;
  }
  .talkfever-marketplace-wrapper .left-widget h2 {
    padding-right: 0;
  }
  .talkfever-marketplace-wrapper .left-widget {
    margin-bottom: 70px;
  }
  .main-footer {
    margin-top: 50px;
  }
  .stories-wrapper .photoslider .sliderblock img {
    height: 340px;
  }
  .powerful-wrapper .widget h3 {
    font-size: 24px;
  }
  .powerful-wrapper .widget {
    padding-right: 0px;
  }
  .welcome-talkfever-wrapper .widget h4 {
    font-size: 24px;
  }
  .welcome-talkfever-wrapper .video-content p {
    font-size: 20px;
  }
  .join-conversation-wrapper {
    padding: 100px 0px;
  }
  .about-community-wrapper .right-img .img-widget {
    border-radius: 0px 0px 0px 100px;
  }
  .verticals-banner-wrapper {
    padding: 100px 0px 40px 0px;
  }
  .blog-banner-wrapper .widget h2 {
    font-size: 32px;
  }
  .blog-banner-wrapper .widget p {
    font-size: 20px;
    margin-bottom: 50px;
  }
  .latest-posts-wrapper .category-items {
    padding: 30px 0px;
  }
  .latest-posts-wrapper .widget .content {
    padding: 15px;
  }
  .compaigns-banner-wrapper .widget {
    text-align: center;
  }
  .compaigns-banner-wrapper .widget h2 {
    font-size: 32px;
  }
  .compaigns-banner-wrapper .widget .btn.white-btn {
    background-color: #fa2c2d;
    color: #fff;
    padding: 5px 27px;
    height: auto;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-wrapper .banner-content h1{
    font-size: 44px;
  }
  .stories-wrapper .photoslider:before {
    height: 40px;
    margin-top: -20px;
  }
  .stories-wrapper .photoslider:after {
    height: 50px;
    margin-bottom: -26px;
  }
  .main-footer .f-social a {
    margin-bottom: 20px;
  }
  .main-footer .widget h3 {
    margin-bottom: 10px;
  }
  .stories-wrapper .photoslider .sliderblock img {
    height: 240px;
  }
  .welcome-talkfever-wrapper .talkfever-item {
    flex-direction: column;
  }
  .verticals-banner-wrapper .widget h3 {
    font-size: 32px;
  }
}