:root{
    --primary-color: #3D69F3;
    /*--primary-color-gradient: linear-gradient(90deg, rgb(61 105 243), rgb(124 97 240));*/
    --banner-color-gradient: linear-gradient(260deg, rgba(61, 105, 243, 0.5), rgba(124, 97, 240, 0.5));

    --hedline-color: #FFC17A;
}



body{ margin: 0px;padding: 0px; overflow-x: hidden;}
section{width: 100%; overflow-x: hidden;}
.navbar-nav {gap: 20px;}
.search-icon { width: 35px; height: 35px; border-radius: 50%; background-color: #DADCDF; display: flex; align-items: center; justify-content: center; border: none;}
.search-icon i {color: #000;}
.request-demo-btn {color: #fff;padding: 10px 20px;border-radius: 5px;font-weight: 500; white-space: nowrap; border: none;}
.nav-item .nav-link{color: #333;}
.nav-item .nav-link.active{color: #6d47e9;}
.navbar-toggler{border: 1px solid #2b252557;}
.navbar-toggler .navbar-toggler-icon{background-image: url(../img/download.svg); filter: invert(1);}
.inlneboxcss{display: flex; align-items: center; width: 100%; justify-content: end; gap: 20px;}
.collapse.navbar-collapse{margin-left: 40px; justify-content: space-between; width: 100%;}
.navbar-collapse .request-demo-btn:hover{color: #fff;}
.searchbtn_box .serach_wrapper{display: flex;align-items: center;background: #dadcdf;border-radius: 20px; position: relative; width: 35px; height: 35px; padding: 0px;transition: 0.5s;}
.searchbtn_box .serach_wrapper.active{ width: 200px; padding: 0px 5px;}
.searchbtn_box .serach_wrapper .serarchinput{background: transparent;border: none;outline: none; width: 100%; padding-right: 30px; display: none;transition: 0.5s;}
.searchbtn_box .serach_wrapper .serarchinput.active{display: block;}
.serach_wrapper .closebtn{position: absolute; right: 10px; font-size: 20px; visibility: hidden; transition: 0.4s; transform: rotate(0deg); cursor: pointer;}
.serach_wrapper .closebtn.active{visibility: visible; transform: rotate(180deg);}
.leftlogomenubox .navbar-expand-lg .navbar-nav{position: relative;}
.navbar-nav .dropdownbtn:hover .dropdown-products{display: block;}
.leftlogomenubox .dropdown-products{position: absolute; z-index: 99; background: #fff; padding: 10px 20px; border-radius: 7px; box-shadow: 0px 0px 20px #33333329; display: none;}
.dropdown-wrapper h6{color: rgb(114 114 114 / 64%);}
.dropdown-wrapper .list-products ul{margin: 15px 0px;padding: 0px;list-style: none;}
.dropdown-wrapper .list-products ul li a{display: flex;align-items: center;gap: 10px;color: #333;text-decoration: none; margin-bottom: 14px;}
.dropdown-wrapper .list-products ul li a:hover .linkstext p,.dropdown-wrapper .list-products ul li a:hover .linkstext h6{color: #7C61F0;}
.dropdown-wrapper .list-products ul li a .iconbox{padding: 10px;background: rgb(18 43 78 / 5%);border-radius: 5px; color: #7C61F0;     width: 40px; height: 40px; text-align: center; line-height: 20px;}
.dropdown-wrapper .list-products ul li a .linkstext p{margin: 0px; font-size: 14px; color: #4D4D4D;}
.dropdown-wrapper .list-products ul li a .linkstext h6{margin: 0px; color: #333;}







/* banner industry css start here */
.topBannerSection_wrapper .bgimg{width: 100%; height: 670px; overflow: hidden;}
.topBannerSection_wrapper{position: relative;}
.topBannerSection_wrapper .bgimg img{ width: 100%;height: 100%;object-fit: cover;}
.topBannerSection_wrapper .maincontent{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; color: #fff;
    background: var(--banner-color-gradient);
}
.maincontent_wrapper .tophead{margin: 70px 0px 30px 0px;display: flex; align-items: center; gap: 30px;}
.maincontent_wrapper .tophead h5{margin: 0px; color: var(--hedline-color); text-transform: uppercase;}
.maincontent_wrapper .tophead .line{height: 2px; width: 100px; display: block; background: var(--hedline-color);}
.maincontent_wrapper h1{font-size: 50px;font-weight: 700; color: #fff; margin-bottom: 20px;}
.bannerContent .leftcontent .descriptiontop{font-size: 20px; letter-spacing: 1px; margin: 0px; padding: 40px 0px 80px 0px;text-align: justify; color: #fff;}
.leftcontent .regForm{background: #fff; color: #333; padding: 20px; border-radius: 10px; width: fit-content; width: 100%;}
.regForm .mainform{display: flex; align-items: center;}
.mainform  .rightBtn button{padding: 10px 40px;height: 100%;}
.mainform .leftInput{width: 100%;}
.mainform .leftInput label{color: #B2AFB6; font-size: 12px;}
.mainform .leftInput input{ width: 100%; background: transparent; border: none; outline: none; padding: 0px;}
.mainform .leftInput input::placeholder{font-size: 20px; color: #000;}
/* .maincontent .maincontent_wrapper{display: flex;align-items: center;gap: 50px;} */
.follow-us-text { writing-mode: vertical-rl;  text-orientation: mixed; transform: rotate(180deg); font-size: 20px;  color: #fff; margin-bottom: 10px;}
.mediabox .imgbox{margin-bottom: 10px; font-size: 25px; transition: 0.5s;}
.mediabox .imgbox:hover{font-size: 30px;}
.leftcontent .dropIcon{display: flex; align-items: center; padding: 40px 15px; gap: 25px;}
.leftcontent .dropIcon p{font-size: 20px; margin: 0px;}
.leftcontent .dropIcon span img{width: 20px;}
.mainform .rightBtn button:hover{color: #fff;}
/* .rightconent.col-md-6{width: 600px;} */
.rightconent .owl-carousel .item .imgboxbanner{height: 300px;}
.rightconent .owl-carousel .item .imgboxbanner img{max-width: 100%; height: 100%; object-fit: cover;}
.owl-carousel .owl-nav .owl-prev img{width: 18px; transform: rotate(90deg);}
.owl-carousel .owl-nav .owl-next img{width: 18px; transform: rotate(-90deg);}
.rightconent .owl-theme .owl-nav{position: absolute;right: 30px; bottom: -70px;}
.rightconent .owl-carousel .owl-nav .owl-prev{margin-right: 50px;}
.rightconent .owl-carousel .owl-theme .owl-nav:hover{background-color: transparent;}
.rightconent .owl-item {transition: all 0.5s ease;}
/* .rightconent .large-item {transform: scale(1.2); opacity: 1; z-index: 10; } */
.rightconent .owl-carousel .item img { display: block; width: 100%; height: auto; border-radius: 10px;}
.rightconent .owl-carousel { display: flex; align-items: center;}

.maincontent_wrapper {position: relative; margin-left: 125px;}
.maincontent_wrapper .mediabox {position: absolute; left: 0px; top: 50%; transform: translate(0px, -50%); text-align: center;}
.maincontent_wrapper .innerbox {padding-left: 70px;}
.maincontent_wrapper .innerbox .bannerContent {display: flex; align-items: flex-start;}
.innerbox .bannerContent .leftcontent {width: 60%; margin-right: 40px;}
.innerbox .bannerContent .rightconent {width: 40%;}


/* banner industry css end here */


.join-us-section {padding: 72px 0px; overflow: hidden;}
.join-video {position: relative;}
.join-video img.play-icon {position: absolute; top: 0px; left: 0px; right: 0px; width: 100px; margin: auto auto; bottom: 0px; cursor: pointer;}
.join-video img {width: 100%; margin-right: 20px;}
.join-upper-img img {width: 250px;}
.join-bottom-img img {width: 250px;}
.join-us-wrappr {display: flex; align-items: flex-end;}
.join-us-wrappr .join-txt .join-upper-img {display: flex; align-items: flex-end;}

.join-upper-img h2 {font-size: 26px; margin-left: 50px; font-weight: 600;}
.join-txt p {margin: 0px; padding: 20px 0px; color: #4D4D4D; font-size: 16px; text-align: right;
    font-weight: 300;}
.join-bottom-img button {background:  var(--primary-color-gradient); border-radius: 12px; margin: 30px 0px 0px 50px; min-width: 200px; padding: 12px 30px; color: #fff; border: 0px;}
.join-bottom-img button:hover, .join-bottom-img button:focus, .join-bottom-img button:active {color: #fff !important;}
.join-bottom-img {display: flex; align-items: flex-start; gap: 80px;}
.join-us-wrappr {position: relative; align-items: center;}
.join-us-wrappr .patterns-dot {position: absolute; right: 100px; bottom: -50px; transform: rotate(45deg);}
.join-us-wrappr .patterns-dot svg {animation: pulse 3s infinite;}
.join-us-wrappr .patterns-dot-top{position: absolute;top: -210px;right: -270px;transform: rotate(45deg);}
.join-us-wrappr .patterns-dot-top svg {animation: pulse 3s infinite;}
.join-us-wrappr .patterns-dot-top-left{position: absolute; top: -280px; left: -480px; transform: rotate(45deg);}
.join-us-wrappr .patterns-dot-top-left svg {animation: pulse 3s infinite;}
.join-us-section.mobile {display: none;}




/* real buyer industry css start here */
.real-buyer .real-buyer-wrapper{background-image: url(../img/moreRealBG.svg); background-repeat: no-repeat; background-size: contain;}
.topheadtag h5{color: #4D4D4D; text-transform: uppercase; font-size: 16px; padding:0px; margin: 0px;}
.real-buyer-wrapper h1{font-size: 50px; font-weight: 600; color: #4D4D4D; padding: 10px 0px; width: 115%; margin: 0px;}
.real-buyer-wrapper .buyerdescription{text-align: justify; font-size: 18px; margin: 30px 0; font-weight: 500;}
.reqbtn{padding: 50px 0px 0px;}
.real-buyer-wrapper .sideimgbox{margin-top: -10px;margin-left: -15px;}
.real-buyer-wrapper .sideimgbox img{width: 110%;}
.real-buyer-wrapper .leftContent{padding: 100px 0px;}
.request-demo-btn.withdemo{padding: 10px 50px;}
/*.real-buyer{padding-top: 40px;}*/
/* real buyer industry css end here */

/* GTM industry css start here */
.gtm-section{overflow: hidden;}
.gtm-wrapper{padding: 80px 0px; padding-bottom: 0px; position: relative;}
.gtm-wrapper p{text-align: justify; font-size: 18px; margin: 10px 0; font-weight: 500;}
.gtm-wrapper h1{padding: 10px 0px 20px; font-size: 50px; font-weight: 600; color: #000000; margin: 0px;}
.gtmrightimgbox img{width: 100%;}
.gtmcontent .btnbox{display: flex; gap: 10px;}
.mainboxgtm{width: 125px; height: 115px; text-align: center; align-content: center; background: #81A8C4; border-radius: 10px 10px 0px 10px; padding: 10px; color: #36547e;}
.mainboxgtm p{text-align: center;font-weight: 600; font-size: 14px;}
.readingbox .redboxs{display: flex; gap: 10px; margin:10px 0px;}
.mainboxgtm h2,.mainboxgtm p{font-weight: 400;}
.rightimgup{position: relative; z-index: -1;}
.mainboxgtm h2{font-size: 40px;}
.gtmrightimgbox{margin-top: 100px;}
.gtmcontent .readingbox{ position: absolute; right: -80px; opacity: 0.8; bottom: 0px;}
.gtm-wrapper .backgimg1{position: absolute;top: 0px;left: -70px;}
.gtm-wrapper .backgimg1 svg {animation: pulse2 1s infinite;}
.gtm-wrapper .backgimg2{position: absolute;top: 0px;right: -100px;}
.gtm-wrapper .backgimg2 img{width: 100px;}
.gtm-wrapper .backgimg3{position: absolute;bottom: 0px;left: -105px;}
.gtm-wrapper .backgimg3 svg {animation: pulse 3s infinite;}
.gtm-wrapper .backgimg4{position: absolute;top: 250px;left: 700px;}
.gtm-wrapper .backgimg4 svg {animation: pulse2 1s infinite;}

@keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
  }
@keyframes pulse2 {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.3);
    }
  }



/* GTM industry css end here */

/* B2B industry css start here */
.b2b-section-box .b2b-wrapper{background-image: url(../img/b2bbgg.png); background-repeat: no-repeat; background-size: contain; background-position: right; padding: 100px 20px 0px;}
.leftimgbox img{width: 100%;}
.b2b-wrapper .b2bcontent h1{ font-size: 33px; font-weight: 600; color: #4D4D4D;}
.b2b-wrapper .b2bcontent p{width: 90%; text-align: justify; font-size: 18px; color: #4D4D4D;}
/* B2B industry css end here */


/* better content css start here */
.better-content-box .better-wrapper{display: flex; padding: 100px; background: rgb(207 207 209 /30%);}
.betterleftcontent .topheadtag{width: 75%;}
.betterrightimg .betterImgBox{margin-left: -430px;}
.betterrightimg .betterImgBox img{width: 100%;}
.topheadtag.bettercont h5{margin: 15px 0px;}
.better-wrapper .betterrightimg{width: 100%;}
/* better content css end here */


/* trusted industry css start here */
.trusted-section {padding: 72px 0px; overflow-x: hidden;}
.trusted-section .trusted-section-wrappr h1 {text-align: center; font-size: 32px; color: #000;}
.trusted-section .trusted-section-wrappr p {color: #000; font-size: 16px; text-align: center;}
.trusted-logos-list {display: flex; align-items: center; margin-top: 50px;}
.trusted-logos-list .company-logo {width: 16.5%; text-align: center;}
.trusted-logos-list .company-logo img {width: 100px; margin: 0px auto;}
.trusted-bottom-section {margin-top: 30px;}
.trusted-bottom-section .trusted-bottom-section-wrappr {background: #e2e2e2; display: flex; align-items: center; border-radius: 10px; width: 100%; margin: 0px auto;}
.trusted-bottom-section-wrappr .trusted-bottom-left {width: 50%; padding: 15px; background: #4d66f1; border-radius: 10px 0px 0px 10px;}
.trusted-bottom-section-wrappr .trusted-bottom-right {width: 50%;padding: 15px;}
.trusted-bottom-left img {width: 80px;}
.trusted-bottom-left p.trust-text {font-size: 16px; color: #fff; text-align: left;}
.trusted-bottom-left .user-sign .user-name {font-size: 16px; font-weight: 600; color: #fff; text-align: left; margin: 0px;}
.trusted-bottom-left .user-sign .user-position {font-size: 16px; font-weight: 600; color: #fff; text-align: left; margin: 0px;}
.trusted-bottom-right h2 {font-size: 32px; font-weight: 600;}
.trusted-bottom-right p {font-size: 20px !important; font-weight: 600; text-align: left !important; margin: 0px;}
.trusted-bottom-right .btn {background: var(--primary-color-gradient); border-radius: 12px; margin: 50px 0px 0px 0px; min-width: 150px; padding: 8px 30px; color: #fff; border: 0px;}
/* trusted industry css end here */



/* footer industry css start here */
footer {background: url(../img/footerbg.svg);}
footer .footer-wrappr {padding: 72px 0px 30px 0px; display: flex; align-items: flex-start;}
footer .footer-wrappr .footer-logo {width: 30%; margin-right: 30px;}
footer .footer-wrappr .footer-logo img {width: 100%;}
footer .footer-wrappr .footer-link {width: 70%;}
.footer-link {display: flex; align-items: flex-start; margin-top: 50px;}
.footer-link .footer-link-opt {width: 33.33%;}
.footer-link .footer-link-opt h3 {font-size: 16px; color: #fff; font-weight: 500;}
.footer-link .footer-link-opt ul {list-style: none; padding: 0px; margin: 0px;}
.footer-link .footer-link-opt ul li a {font-size: 13px; color: #fff; padding: 3px 0px; display: block; text-decoration: none;}
.footer-bottom-section {margin-top: 20px; display: flex; align-items: flex-end; padding-bottom: 40px;}
.footer-bottom-section .footer-bottom-link ul {list-style: none; padding: 0px; margin: 0px; display: flex; align-items: center; justify-content: space-between;}
.footer-bottom-section .footer-bottom-link ul  li a {font-size: 13px; color: #fff; padding: 3px 0px; display: block; text-decoration: none;}
.footer-bottom-link h4 {color: #fff; font-size: 16px; font-weight: 600; text-align: center; margin-top: 15px;}
.footer-bottom-section .footer-bottom-link {width: 60%;}
.footer-bottom-section .footer-social-media {width: 40%;}
.footer-bottom-section .footer-social-media .footer-social-media-wrappr {width: 70%; margin: 0px auto; padding: 30px; padding-left: 30px; background:  var(--primary-color-gradient); border: 1px solid #fff; border-radius: 12px;}
.footer-social-media .footer-social-media-wrappr h2 {color: #fff; font-size: 30px; text-align: center;}
.footer-social-media .footer-social-media-wrappr ul {list-style: none; padding: 0px; margin: 0px; display: flex; align-items: center; justify-content: center;}
.footer-social-media .footer-social-media-wrappr ul li a {color: #fff; margin-right: 10px; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; text-decoration: none; display: flex; width: 40px; height: 40px;}
/* footer industry css end here */







/* about us css start here */


/* about us banner css start here */


.abiut-banner-img img {width: 650px; margin-left: 80px;}
.about-banner-txt {display: flex; align-items: center; height: 100%; margin-left: 100px;}
.about-banner-txt h2 {font-size: 42px; font-weight: 700;}
.about-banner-wrappr {position: relative;}
.about-banner-wrappr .mediabox {position: absolute; left: 0px; top: 50%; transform: translate(0px, -50%); text-align: center;}
.about-banner-wrappr .mediabox .imgbox i {color: #6d47e9;}

/* about us banner css end here */

/* step industry css start here */
.stepbox_wrapper .stepone{display: flex; align-items: center;}
.stepbox_wrapper .stepone .rightcontstep{color: #000; white-space: nowrap; margin-left: 15px;}
.stepbox_wrapper .stepone .rightcontstep.last{width: 120px; white-space: normal;}
.stepsbox .stepbox_wrapper{ display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 50px; box-shadow: 0px 0px 20px #33333329; border-radius: 20px; margin: 10px;}
/* step industry css end here */

/* business industry css start here */
.container-business .leftContent{padding-right: 100px;}
.container-business .leftContent h4{font-weight: 700;}
.container-business .leftContent .buyerdescription{font-size: 16px; font-weight: 500; text-align: left;}
.container-business .leftContent .buyerdescription a{color: #000;}
.business .business-wrapper{padding: 40px 0px;}
.business{position: relative;}
.container-business .businessbgbox{position: absolute; right: 0px; top: 0px;}
/* business industry css end here */

/* ppl industry css start here */
.people-like-wrapper{position: relative;}
.people-like-wrapper .gtmcontent{width: 800px; text-align: left; font-size: 16px; font-weight: 400; box-shadow: 0px 0px 20px #33333321; padding: 50px 150px; border-radius: 250px 200px 200px 5px; margin-left: auto;}
.people-like-wrapper .subheadline{width: 40%; margin: 0px auto;}
.people-like-wrapper .headlinepll{font-weight: 700;}
.people-like-wrapper .backgimgpll1{position: absolute;top: 63%;}
.people-like-wrapper .backgimgpll2{position: absolute;top: 55%;}
.people-like-wrapper .backgimgpll3{position: absolute; top: 165px; right: 550px;}
.people-like-wrapper .backgimgpll4{position: absolute; top: 185px; left: 30px;}
.people-like-wrapper .backgimgpll4 img{width: 200px;}
/* ppl industry css end here */

/* test leard industry css start here */
.testleard-wrapper{position: relative;}
.testleard-wrapper .testbgimg{height: 500px; width: 100%; overflow: hidden;}
.testleard-wrapper .testbgimg img{width: 100%; height: 100%; object-fit: cover;}
.testleard-wrapper .testcontent{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 222; background: rgb(0 122 255 / 50%);}
.testcontent .leftimgbox{width: 100%; height: 500px; overflow: hidden;}
.testcontent .leftimgbox img{width: 100%; height: 100%; object-fit: contain;}
.testcontent .b2bcontent p{font-size: 20px; color: #fff; width: 100%; text-align: justify;}
/* test leard industry css end here */



/* upcoming industry css start here */
.upcoming-event .item .event-box{background: #fff; box-shadow: 0px 10px 20px #33333321; border-radius: 20px; text-align: left;}
.upcoming-event .item .event-box .event-content{padding: 20px; display: flex; gap: 25px;}
.item .event-box .event-content .event-left p{color: #FFB000;}
.item .event-box .event-content .event-right p{width: 250px;}

.upcomeevent {padding: 72px 0px;}
.upcomeevent .upcomeevent-wrapper h1 {margin-bottom: 20px;}

.event-box {margin: 10px; box-shadow: 0px 10px 20px #33333321; border-radius: 20px;}
.event-box .event-content {display: flex; align-items: flex-start; padding: 20px;}
.event-box .event-content .event-left {width: 40px;}
.event-box .event-content .event-right {width: calc(100% - 70px); text-align: left; margin-left: 30px;}
.event-box .event-content .event-right h3 {font-size: 20px; margin-bottom: 15px;}
.event-box .event-content .event-right p {margin: 0px; font-size: 14px;}
.event-left p {color: #ffb000; margin-bottom: 15px;}

.upcoming-slider svg.left-nav-arrow {position: absolute; cursor: pointer; left: 0px; z-index: 9; top: 40%; transform: translate(-8px, -50%);}
.upcoming-slider svg.right-nav-arrow {position: absolute; cursor: pointer; right: 0px; z-index: 9; top: 40%; transform: translate(8px, -50%);}
.upcoming-slider svg.right-nav-arrow path, .upcoming-slider svg.left-nav-arrow path {fill: #6f51f5;}
/* .event-box .event-img-box{width: 350px;} */
/* upcoming industry css end here */


#owl-demo .item{
  background: #42bdc2;
  padding: 30px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}



@media only screen and (max-width: 1050px){
    .collapse.navbar-collapse{margin: 0px;}

}



@media only screen and (max-width: 992px){
  .about-banner-wrappr .mediabox{top: 100%;transform: translate(0px, 0%);}
  .stepsbox .stepbox_wrapper{flex-wrap: wrap; padding: 30px;}
    .inlneboxcss{justify-content: space-between; flex-wrap: wrap; gap: 10px;}
    .righbtnbox.inlneboxcss{justify-content: start;}
    .searchbtn_box .serach_wrapper.active{width: 150px;}
    .leftlogomenubox .navbar-collapse {height: 0px; transition: 0.5s; opacity: 0; visibility: hidden;}
    .leftlogomenubox .navbar-collapse.active {height: 300px; transition: 0.5s; opacity: 1; visibility: visible;}
    .navbar-nav {gap: 0px;}
    .join-upper-img h2 {font-size: 26px; margin-left: 50px; font-weight: 600; color: #FD8500;}
    .join-txt p {margin: 0px; padding: 20px 0px; color: #4D4D4D; font-size: 24px; text-align: right; font-weight: 500;}
    .join-bottom-img button {background:  var(--primary-color-gradient); border-radius: 12px; margin: 30px 0px 0px 50px; min-width: 200px; padding: 12px 30px; color: #fff; border: 0px;}
    .join-bottom-img button:hover, .join-bottom-img button:focus, .join-bottom-img button:active {color: #fff !important;}

    .join-us-section {display: none;}
    .join-us-section.mobile {display: block;}

    .join-us-collarge {display: flex; align-items: flex-start;}
    .join-us-wrappr {display: block;}
    .join-us-txt-mobile h2 {font-size: 48px; margin-left: 0px; font-weight: 600; color: #FD8500; text-align: center;}
    .join-us-txt-mobile p {margin: 0px; padding: 2px 0px; color: #4D4D4D; font-size: 24px; text-align: center; font-weight: 500;}
    .join-us-txt-mobile button {background:  var(--primary-color-gradient); border-radius: 12px; text-align: center; margin: 20px 0px 30px 0px; min-width: 200px; padding: 12px 30px; color: #fff; border: 0px;}
    .join-us-txt-mobile button:hover, .join-us-txt-mobile button:focus, .join-us-txt-mobile button:active {color: #fff !important;}
    .join-us-txt-mobile {text-align: center;}
    .join-us-collarge .left-video {width: 60%; margin-right: 20px; position: relative;}
    .join-us-collarge .left-video img {width: 100%;}
    .join-us-collarge .right-img-join {width: 40%;}
    .join-us-collarge .right-img-join img {width: 100%;}
    .join-us-collarge .left-video img.play-icon {position: absolute; top: 0px; width: 100px; left: 0px; right: 0px; margin: auto; bottom: 0px;}
    .right-img-top {margin-bottom: 20px;}

    .join-us-wrappr .patterns-dot {display: none;}
    .join-us-txt-mobile h2 {font-size: 32px;}
    .join-us-txt-mobile p {font-size: 18px;}
    .join-us-section {padding: 50px 0px;}

    .maincontent_wrapper {margin-left: 20px;}
    .maincontent_wrapper .tophead .line {width: 60px;}
    .maincontent_wrapper .tophead h5 {font-size: 16px;}
    .maincontent_wrapper h1 {font-size: 36px;}
    .maincontent_wrapper .innerbox .bannerContent {display: block;}
    .innerbox .bannerContent .leftcontent {width: calc(100% - 40px); margin-right: 40px;}
    .bannerContent .leftcontent .descriptiontop {font-size: 16px; padding: 0px 0px 30px 0px;}
    .maincontent_wrapper .innerbox {padding-left: 60px;}
    .leftcontent .dropIcon {padding: 20px 15px;}
    .innerbox .bannerContent .rightconent {width: 100%; margin-top: 20px;}
    .topBannerSection_wrapper .bgimg {height: 800px;}

    .trusted-logos-list {flex-wrap: wrap;}
    .trusted-logos-list .company-logo {width: 33.33%;}
    .trusted-bottom-section .trusted-bottom-section-wrappr {width: 100%;}

    .footer-wrappr {display: block !important;}
    footer .footer-wrappr .footer-logo {width: 100%; margin: 0px;}
    footer .footer-wrappr .footer-link {width: 100%;}
    footer .footer-wrappr .footer-logo img {width: 100%;}
    .footer-bottom-section {display: block;}
    .footer-bottom-section .footer-bottom-link {width: 100%;}
    .footer-bottom-section .footer-social-media {width: 100%;}
    .footer-social-media .footer-social-media-wrappr ul {justify-content: center;}
    .footer-bottom-section .footer-social-media .footer-social-media-wrappr {text-align: center; margin-top: 30px;}


}

@media only screen and (max-width: 767px){
  .container-business .businessbgbox{display: none;}
  .container-business .leftContent{padding: 10px;}
  .people-like-wrapper .gtmcontent{width: 100%;box-shadow: none;padding: 10px;}
    .people-like-wrapper .subheadline{width: 100%;}
    .people-like-wrapper .backgimgpll4{display: none;}
    .testleard-wrapper .testbgimg{height: 200px;}
    .row.align-items-center{width: 100%; margin: 0px auto;}
    .testcontent .leftimgbox{display: none;}
    footer{background-size: cover; overflow-x: hidden;}
    .testcontent .b2bcontent p{width: 100%; font-size: 16px; margin: 0px;}
    .container-business .leftContent .buyerdescription{font-weight: 400;font-size: 16px;}
    .request-demo-btn{margin: 0px !important;}
    .join-us-collarge .left-video img.play-icon {width: 60px;}
    .maincontent .maincontent_wrapper{display: block; margin: 10px;}
    .maincontent_wrapper .mediabox{display: flex;gap: 15px;padding: 10px 0px 0px; align-items: center; justify-content: center; top: 110%; right: 0px;}
    .maincontent_wrapper .tophead{margin: 20px 0px 20px 0px; display: block; position: relative;}
    .maincontent_wrapper .tophead .line{ position: absolute; bottom: -10px;}
    .maincontent_wrapper .tophead h5{font-size: 14px;}
    .maincontent_wrapper h1{font-size: 35px;}
    .bannerContent .leftcontent .descriptiontop{padding: 30px 0px; font-size: 16px;}
    .mainform .leftInput{width: 100%;}
    .mainform .rightBtn button{padding: 10px 15px;}
    .leftcontent .regForm{padding: 10px;}
    .leftcontent .dropIcon{padding: 10px 5px; visibility: hidden;}
    .leftcontent .dropIcon p{font-size: 16px;}
    .leftcontent .dropIcon span img{width: 15px;}
    .follow-us-text{writing-mode: unset; transform: none; font-size: 16px; margin: 0px;}
    .mediabox .imgbox{margin: 0px;}
    .topBannerSection_wrapper .bgimg{height: 980px;}
    .real-buyer-wrapper .leftContent{padding: 40px 0px;}
    .rightconent .owl-theme .owl-nav{left: 0px; right: 0px; bottom: -55px;}
    .real-buyer-wrapper .sideimgbox{margin-left: auto;}
    .real-buyer-wrapper .sideimgbox img{width: 100%;}
    .real-buyer-wrapper .buyerdescription{margin: 0px;}
    .real-buyer-wrapper h1{width: 100%;}
    .maincontent_wrapper .innerbox{padding: 0px;}
    .maincontent_wrapper .innerbox .bannerContent{display: block;}
    .innerbox .bannerContent .leftcontent{width: 100%;}
    .innerbox .bannerContent .rightconent{width: 100%;}
    .about-banner-txt{margin: 0px; text-align: center;}
    .abiut-banner-img img{width: 100%; margin: 0px;}

  .stepsbox .stepbox_wrapper{gap: 20px; margin: 10px;}


    /* b2b industry css start here */
    .gtm-wrapper .backgimg2{right: -20px;}
    .gtm-wrapper .backgimg3{display: none;}
    .readingbox .redboxs{justify-content: space-between;}
    .gtm-wrapper h1{font-size: 30px;}
    .gtm-wrapper p{font-size: 14px;}
    .gtmcontent .btnbox{ flex-wrap: wrap; justify-content: center;}
    .gtmcontent .readingbox{position: static;}
    .readingbox .redboxs{justify-content: space-around; margin: 30px 0px;}
    .gtmrightimgbox{margin-top: 40px;}
    .b2b-section-box .b2b-wrapper{padding: 40px 20px 0px;}
    .b2b-wrapper .b2bcontent p{width: 100%;}
    .b2b-wrapper .b2bcontent h1{font-size: 25px;}
    .b2b-section-box .b2b-wrapper{background:transparent;}
    .b2bcontent .b2bbtnsection{text-align: center;}
    /* b2b industry css end here */

    /* bettercontnet css start here */
    .betterleftcontent .topheadtag{width: 100%;}
    .better-content-box .better-wrapper{display: block;padding: 10px; }
    .betterrightimg .betterImgBox{margin: 30px 0px;}
    .topheadtag.bettercont .bettercontentbtn{text-align: center;}
    /* bettercontnet css end here */


    .trusted-bottom-section .trusted-bottom-section-wrappr {width: 100%; display: block;}
    .gtm-wrapper .backgimg4{left: 130px; top: 0px;}
    .trusted-bottom-section-wrappr .trusted-bottom-left {width: 100%; border-radius: 10px 10px 0px 0px;}
    .trusted-bottom-section-wrappr .trusted-bottom-right {width: 100%;}
    .trusted-section .trusted-section-wrappr h1 {font-size: 28px;}
    .trusted-section .trusted-section-wrappr p {font-size: 14px;}
    .trusted-logos-list .company-logo {width: 50%;}

    .footer-link .footer-link-opt {width: 50%; margin-bottom: 20px;}
    footer .footer-wrappr {padding-bottom: 0px; padding-top: 20px;}
    .footer-bottom-section .footer-bottom-link ul {flex-wrap: wrap;}
    .footer-bottom-section .footer-bottom-link ul li {width: 50%;}
    .footer-link {flex-wrap: wrap;}
}



@media (min-width: 1024px) and (max-width: 1199px) {

    .join-us-section {display: none;}
    .join-us-section.mobile {display: block;}

    .join-us-collarge {display: flex; align-items: flex-start;}
    .join-us-wrappr {display: block;}
    .join-us-txt-mobile h2 {font-size: 48px; margin-left: 0px; font-weight: 600; color: #FD8500; text-align: center;}
    .join-us-txt-mobile p {margin: 0px; padding: 2px 0px; color: #4D4D4D; font-size: 24px; text-align: center; font-weight: 500;}
    .join-us-txt-mobile button {background:  var(--primary-color-gradient); border-radius: 12px; text-align: center; margin: 20px 0px 30px 0px; min-width: 200px; padding: 12px 30px; color: #fff; border: 0px;}
    .join-us-txt-mobile button:hover, .join-us-txt-mobile button:focus, .join-us-txt-mobile button:active {color: #fff !important;}
    .join-us-txt-mobile {text-align: center;}
    .join-us-collarge .left-video {width: 60%; margin-right: 20px; position: relative;}
    .join-us-collarge .left-video img {width: 100%;}
    .join-us-collarge .right-img-join {width: 40%;}
    .join-us-collarge .right-img-join img {width: 100%;}
    .join-us-collarge .left-video img.play-icon {position: absolute; top: 0px; width: 150px; left: 0px; right: 0px; margin: auto; bottom: 0px;}
    .right-img-top {margin-bottom: 20px;}
    .join-us-wrappr .patterns-dot {display: none;}

    .innerbox .bannerContent .leftcontent {margin-right: 20px;}
    .innerbox .bannerContent .leftcontent, .innerbox .bannerContent .rightconent {width: 50%;}
    .maincontent_wrapper h1 {font-size: 42px;}
    .bannerContent .leftcontent .descriptiontop {padding: 20px 0px 40px 0px;}
    .maincontent_wrapper {margin-left: 70px;}

    .topBannerSection_wrapper .bgimg {height: 600px;}

    .trusted-bottom-section .trusted-bottom-section-wrappr {width: 80%;}

  }

  @media only screen and (max-width: 1050px){
    .collapse.navbar-collapse{margin: 0px;}
}


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

    .footer-bottom-section .footer-social-media .footer-social-media-wrappr {width: 100%;}

}