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

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

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


.button {
  background: linear-gradient(90deg, #f1b2d7, #d0e957);
  border-radius: 10px !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}
header.header .header__bottom {
  padding: 10px 0;
}
header.header {
  border-bottom: 1px solid #202021;
}
.page-width{
  max-width:1280px !important;
  margin:0 auto;
}
.home-text {
  padding: 80px 0;
  border-bottom: 1px solid #1F1F20;
  position: relative;
}
.home-text:after {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2015%20%284%29.png');
  position: absolute;
  top: 40px;
  left: 125px;
  width: 74px;
  height: 54px;
  animation: key1 1.5s ease infinite alternate;
}
.home-text:before {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2017%20%282%29.png');
  position: absolute;
  top: 90px;
  right: 125px;
  width: 74px;
  height: 54px;
  animation: key1 1.8s ease infinite alternate;
}
@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-15px);}
}
/* .home-text .inner-text {
display: grid;
gap: 20px;
text-align: center;
position: relative;
} */
.home-text .inner-text:after {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2016%20%282%29.png');
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 74px;
  height: 54px;
  animation: key1 1.6s ease infinite alternate;
}
.home-text.textslider .page-width {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.home-text.textslider .inner-text, .home-text.textslider .content {
  width: calc(50% - 20px);
}
.home-text .inner-text p.sublabel {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.25rem;
  color: #D0E957;
  border: 1px solid #414820;
  margin: 0 auto;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  padding: 18px 28px;
  background: #1d2013;
  max-width: max-content;
  margin: 0 0 20px;
}
.home-text p.bottomtextlabel {
    margin: 12px 0;
    color: #9ca3af;
    font-size: .875rem;
    line-height: 1.25rem;
}
.home-text .inner-text h2.heading {
  max-width: 680px;
  margin: 0;
  font-weight: 700;
  font-size: 60px;
  line-height: 70px;
  text-align: center;
}
.home-text .inner-text .rte {
  max-width: 100%;
  margin: 20px 0;
  font-weight: 600;
  text-align: center;
  color: #9CA3AF;
}
.home-text .inner-text .rte p {
  font-size: 22px;
  max-width: 620px;
  line-height: 32px;
}
.cstmImagetext .rte {
  padding-top: 20px;
}
.home-text .labeltexts {
  margin: 20px 0 0 0;
  font-size: 14px;
  color: rgb(156 163 175 );
}
.home-text .inner-text .btndiv {
  margin-top: 30px;
}
.home-text .inner-text {
  text-align: center;
}

.home-text .inner-text h2.heading {
  margin: 0 auto;
}

.home-text .inner-text p.sublabel {
  margin: 0 auto;
  margin-bottom: 20px;
}
.home-text.textslider .inner-text {
  text-align: left;
}

.home-text.textslider .inner-text p.sublabel {
  margin: 0;
  margin-bottom: 20px;
}

.home-text.textslider .inner-text h2.heading {
  text-align: left;
}

.home-text.textslider .inner-text .rte {
  text-align: left;
}




.main-logolist {
  padding: 80px 0;
  border-bottom: 1px solid #1F1F20;
}
.main-logolist .page-width-logo {
  max-width: 1400px;
  margin: 0 auto;
}
.main-logolist .page-width-logo .main-logo-list {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 20px;
  margin-top: 30px;
}
.main-logolist .page-width-logo .main-logo-list .itemimg img {
  filter: brightness(0.4);
  transition: 1s;
}
.main-logolist .page-width-logo .main-logo-list .itemimg img:hover {
  filter: brightness(1);
}
.main-logolist .page-width-logo .inner {
  text-align: center;
}
.main-logolist p.title {
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: #D0E957D9;
  margin: 0;
}
.main-imgtext {
  padding: 80px 0;
  position: relative;
}
.main-imgtext:after {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2017%20%282%29.png');
  position: absolute;
  bottom: 40px;
  left: 125px;
  width: 74px;
  height: 54px;
  animation: key1 1.8s ease infinite alternate;
}
.main-imgtext:before {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2015%20%284%29.png');
  position: absolute;
  top: 90px;
  right: 125px;
  width: 74px;
  height: 54px;
  animation: key1 1.3s ease infinite alternate;
}
.main-service-tabs {
  padding: 80px 0;
}
.main-imgtext h2.heading, .main-service-tabs h2.heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  position: relative;
}
.main-imgtext h2.heading:after, .main-service-tabs h2.heading:after {
  position: absolute;
  width: 48px;
  height: 4px;
  background: #D0E957;
  content: '';
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-imgtext .main-block-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 50px;
}

.main-imgtext .main-block-grid .inner-cont {
  padding: 35px 40px 15px 35px;
}
.main-imgtext .main-block-grid .item {
  border: 1px solid #1F1F20;
  border-radius: 10px;
  transition: 1s;
}
.main-imgtext .main-block-grid .inner-cont .imgdiv {
  text-align: center;
  padding-bottom: 35px;
}
.main-imgtext .main-block-grid .inner-cont h3.title {
  font-weight: 600;
  font-size: 21px;
  letter-spacing: 0%;
  line-height: 31px;
  max-width: 270px;
}
.main-imgtext .main-block-grid .inner-cont .rte p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #D1D5DB;
  margin: 0;
}
.main-imgtext.cstmservice::before {
  display: none !important;
}
.main-imgtext.cstmservice::after {
  display: none !important;
}
.main-imgtext .main-block-grid .item:hover {
  cursor: pointer;
  border-color: #D0E957;
  background: #D0E9570F;
}
.main-imgtext.cstmservice h3.title {
  max-width: 100% !important;
}
.main-imgtext.cstmservice .inner-cont {
  padding: 35px;
}
.main-imgtext.cstmwork .main-block-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.main-imgtext.cstmwork .inner-cont {
  padding: 20px;
}
.main-imgtext.cstmwork .inner-cont h3.title {
  font-size: 19px;
  line-height: 29px;
}
.main-imgtext.cstmwork .main-block-grid .item:hover h3.title {
  color: #D0E957;
}
.main-imgtext.cstmwork .inner-cont p {
  margin: 0;
  font-size: 15px;
  line-height: 25px;
}
.main-imgtext.cstmwork .imgdiv {
  padding: 10px !important;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: #FFFFFF1A;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.main-imgtext.cstmwork .main-block-grid .item:hover .imgdiv {
  background: #D0E9571A;
}
p.bgnumber {
  display: none;
}
.main-imgtext.cstmwork p.bgnumber {
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 380px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  z-index: -1;
  opacity: 8%;
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}
.main-imgtext.cstmwork  .item {
  position: relative;
}
.main-casestudy .headerdiv .cstmnav span:hover {
  cursor: pointer;
}
.main-casestudy {
  padding: 80px 0;
}
.main-casestudy .innercontent {
  display: flex;
  gap: 2rem;
  border: 1px solid #1F1F20;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  padding: 28px;
}
.main-casestudy .innercontent .imgdiv {
  width: calc(50% - 1rem);
  position: relative;
}
.main-casestudy .contentdiv {
  width: calc(50% - 1rem);
  text-align: center;
}
.main-casestudy .imgdiv img{
  border-radius: 10px;
}
.main-casestudy .imgdiv h2.title {
  font-size: 60px !important;
  left: 50%;
  letter-spacing: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  width: 100%;
}
.main-casestudy .contentdiv span {
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  text-align: center;
}
.main-casestudy h2.heading-text, .cstmImagetext .imgetxt-flex .contentdiv h2.heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  position: relative;
}
.main-casestudy h2.heading-text::after, .cstmImagetext .imgetxt-flex .contentdiv h2.heading:after {
  content: '';
  position: absolute;
  width: 48px;
  height: 4px;
  background: #D0E957;
  bottom: -10px;
  left: 0;
}
.cstmImagetext .imgetxt-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}

.cstmImagetext .imgetxt-flex .imagediv {
  width: 50%;
}

.cstmImagetext .imgetxt-flex .contentdiv {
  width: 50%;
}
.cstmImagetext .imgetxt-flex .contentdiv p {
  color: #d1d5db;
  line-height: 1.625;
  font-size: 1.25rem;
}
.cstmImagetext {
  padding: 80px 0;
}
.main-casestudy  .headerdiv {
  padding-bottom: 35px;
}
.main-casestudy .headerdiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-casestudy .headerdiv .cstmnav {
  display: flex;
  gap: 15px;
}
.main-testimonials {
  padding: 80px 0;
}
.main-testimonials h2.heading {
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  position: relative;
}
.main-testimonials h2.heading::after {
  content: '';
  width: 48px;
  height: 4px;
  background: #D0E957;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-testimonials .testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 50px;
}
.main-testimonials .testimonials-grid .flex-testi img {
  width: 100%;
  height: 100% !important;!i;!;
  object-fit: cover;
  object-position: center center;
  border-radius: 24px 0 0 24px;
}
.main-testimonials .testimonials-grid .flex-testi {
  display: flex;
  height: 100%;
  border: 1px solid #1F1F20;
  border-radius: 24px;
}
.main-testimonials .testimonials-grid .flex-testi .imgdiiv {
  width: 25%;
  height: 100%;
}
.main-testimonials .testimonials-grid .flex-testi .contdiv {
  width: 75%;
  border-radius: 0 24px 24px 0;
  background: #0F0F0F;
}
.main-testimonials .testimonials-grid .flex-testi .contdiv .upprdiv {
  background: #D0E957;
  padding: 15px;
  border-radius: 0 24px 0 0;
}
.main-testimonials .testimonials-grid .flex-testi .contdiv .upprdiv h3.name {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}
.main-testimonials .testimonials-grid .flex-testi .contdiv .upprdiv p.position {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #000;
  margin-top: 5px;
}
.main-testimonials .testimonials-grid .flex-testi .contdiv .rte {
  padding: 20px 15px;
}
.main-testimonials .testimonials-grid .flex-testi .contdiv .rte p {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #D1D5DB;
}
.main-price{
  padding:80px 0;
}
.main-price h2.heading {
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  position: relative;
  margin-bottom: 80px;
}
.main-price h2.heading::after {
  content: '';
  width: 48px;
  height: 4px;
  background: #D0E957;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-price .priceplan {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.main-price .priceplan .plan-grid {
  padding: 40px 30px;
  background: #0F0F10;
  border: 1px solid #282829;
  border-radius: 24px;
}
.main-price .priceplan .plan-grid h3.plan-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}
.main-price .priceplan .plan-grid .rte p {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #D1D5DB;
}
.main-price.serviceprice .priceplan {
  display: block;
}
.main-price.serviceprice .priceplan {
  display: block;
  overflow: hidden;
}
.main-price.serviceprice .priceplan .plan-grid::before {
  content: "Introductory Pricing";
  width: 100%;
  height: auto;
  position: absolute;
  right: -120px;
  max-width: 350px;
  background-color: rgb(255, 188, 2);
  padding: 8px 30px;
  transform: rotate(45deg);
  top: calc(8% - 10px);
  text-align: center;
  color: #0f0f10;
  font-weight: 600;
}
.priceplan .flex-price {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.priceplan .max-price {
  color: #D1D5DB;
  margin: 0;
  position: relative;
}
.priceplan .max-price::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #D1D5DB;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}
.main-price .priceplan .plan-grid h2.price {
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  margin:0px;
}
.main-price .plan-grid p.pricelabel {
  margin: 0;
  padding: 5px 0 15px;
  font-size: 12px;
  font-weight: 600;
  color: #d0e957;
}
.main-price .priceplan .plan-grid:nth-child(3) h2.price {
  font-size: 30px;
}
.main-price .priceplan .plan-grid h4.label {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
}
.main-price .priceplan .plan-grid li {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #D1D5DB;
  padding: 5px 0;
}
/* .main-price .priceplan .plan-grid:nth-child(3) ul {
column-count: 2;
} */
.main-price .priceplan .plan-grid  .price-btn a.button {
  width: 100%;
  display: block;
}
.main-price .priceplan .plan-grid ul {
  list-style-image: url(https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/Vector.svg);
}
.main-price  .price-btn {
  position: absolute;
  width: 90%;
  bottom: 30px;
  left: 0;
  margin: 0 auto;
  right: 0;
}
.main-price  .plan-grid {
  position: relative;
  padding-bottom: 80px !important;
}
.main-faq {
  padding: 80px 0;
  border-bottom: 1px solid #1F1F20;
  position: relative;
}
.main-faq:after {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2017%20%282%29.png');
  position: absolute;
  bottom: 40px;
  left: 125px;
  width: 74px;
  height: 54px;
  animation: key1 1.5s ease infinite alternate;
}
.main-faq:before {
  content: '';
  background: url('https://48954841.fs1.hubspotusercontent-na1.net/hubfs/48954841/image%2015%20%284%29.png');
  position: absolute;
  top: 90px;
  right: 125px;
  width: 74px;
  height: 54px;
  animation: key1 1.7s ease infinite alternate;
}
.main-faq .main-faq-flex {
  display: flex;
  justify-content: space-around;
}
.main-faq .main-faq-flex .headercont {
  width: 30%;
}
.main-faq .main-faq-flex .faq-content {
  width: 60%;
}
.main-faq .main-faq-flex .faq-content .main-item-faq {
  margin-bottom: 20px;
  background: #0F0F10;
  border-radius: 10px;
  border: 1px solid #282829;
}
.main-faq .main-faq-flex .headercont h2.heading {
  text-align: left;
  font-weight: 700;
  font-size: 36px;
  line-height: 46px;
  position: relative;
}
.main-faq .main-faq-flex .headercont h2.heading:after {
  background: #D0E957;
  position: absolute;
  bottom: -20px;
  left: 28px;
  transform: translate(-50%, -50%);
  content: '';
  width: 48px;
  height: 4px;
}

.main-faq .main-faq-flex .headercont  .rte {
  margin-top: 50px;
}
.main-faq .main-faq-flex .headercont .rte p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #D1D5DB;
  margin: 0;
}
.main-faq .panel p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #D1D5DB;
  margin: 0;
  padding: 15px 0;
}
.main-item-faq button.accordion.button {
  align-items: center;
  justify-content: space-between;
}
.main-item-faq button.accordion.button svg {
  width: 12px;
}
.main-faq .main-item-faq button.accordion.button.active svg {
  rotate: 180deg;
}
.cstmfooter .footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.cstmfooter .footer-grid .footerimg img {
  max-width: 90px !important;!i;!;
}
.cstmfooter {
  padding: 50px 0;
}
.cstmfooter .footer-grid .rte p {
  font-size: .875rem;
  line-height: 1.25rem;
  opacity: 40%;
  transition: 1s;
}
.cstmfooter {
  border-top: 1px solid #1F1F20;
}
.cstmfooter .footer-grid .rte p:hover{
  opacity: 100%;
}
.cstmfooter .footer-grid h3.title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin: 0 0 15px 0;
}
.cstmfooter .footer-grid .rte ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cstmfooter .footer-grid .rte ul li {
  padding: 0;
  margin: 0px 0 5px 0;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: 100;
}
.cstmfooter .footer-grid .rte ul li a {
  text-decoration: none;
  display: flex;
  align-items: end;
  gap: 5px;
  opacity: 40%;
  transition: 1s;
}
.cstmfooter .footer-grid .rte ul li a:hover{
  opacity: 100%;
}
.main-item-faq button.accordion.button:hover {
  border: none;
}
.main-imgtext.cstmwork {
  overflow: hidden;
}
.main-faq .main-faq-flex .faq-content .main-item-faq button.accordion.button span {
  width: 90%;
}
.youtube_video.fancybox-content {
  background: #09090b;
  max-width: 500px;
  padding: 0;
  border: 1px solid #3f3f3f;
  border-radius: 20px;
}
.youtube_video.fancybox-content h3 {
  display: none;
}
.youtube_video.fancybox-content form {
  background: transparent;
  padding: 0 25px 25px 25px;
}
.youtube_video.fancybox-content form input.hs-button.primary.large {
  background: linear-gradient(90deg, #f1b2d7, #d0e957);
  border-radius: 10px !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  max-width: 150px;
}
.youtube_video.fancybox-content h2.heading {
  margin: 0;
  padding: 25px 25px 0 25px;
}
.youtube_video.fancybox-content form label {
  margin: 0;
}

.youtube_video.fancybox-content form input {
  border-radius: 25px;
}

.youtube_video.fancybox-content form  .hs-form-field {
  margin-bottom: 10px;
}

.youtube_video.fancybox-content form ul.no-list.hs-error-msgs.inputs-list {
  margin: 0;
}

.youtube_video.fancybox-content form ul.no-list.hs-error-msgs.inputs-list li {
  margin: 0;
}
.youtube_video.fancybox-content button.fancybox-button.fancybox-close-small:hover {
  background: transparent;
  border: none;
}
.youtube_video.fancybox-content button.fancybox-button.fancybox-close-small:hover {
  background: transparent;
  border: none;
}

.cstmnav nav.navbar ul.dropdown li {
  margin: 5px;
  transition: 0.5s;
  border-radius: 5px;
  border: none;
}
.cstmnav nav.navbar ul.dropdown li:hover{
  background: #1f2937;
}
.testimonials-grid .item-testimonials:nth-child(4) {
  grid-column: span 2 / span 2;
}
.main-service-tabs .tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.main-service-tabs .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding:2rem;
  transition: 0.3s;
  border-radius: 20px;
  border: 1px solid #ffffff1a;
}

/* Change background color of buttons on hover */
.main-service-tabs .tab button:hover {
  background-color: #1d1d1e;
  border:1px solid #d0e957;
  border-radius: 20px;
}
.mainflex-inner .tabccontent .tabcontent {
  border: 1px solid #d0e957;
  border-radius: 20px;
  overflow: hidden;
}
.main-service-tabs .tab button.active {
  background-color: #1d1d1e;
  border:1px solid #d0e957;

}
.main-service-tabs .tab button span.btncount {
  font-weight: 500;
  opacity: .8;
  font-size: .875rem;
  line-height: 1.25rem;
  color: rgb(208 233 87 / var(--tw-text-opacity, 1));
}
.main-service-tabs .tabcontent {
  display: none;
}
.main-service-tabs .tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.mainflex-inner {
  display: flex;
  gap: 40px;
  margin-top:100px;
}
.mainflex-inner .tabsbutton .tab {
  margin-bottom: 20px;
}
.mainflex-inner .tabsbutton {
  width: 50%;
}

.mainflex-inner .tabccontent {
  width: 50%;
}

.mainflex-inner .tabccontent img {
  width: 100%;
  object-fit: contain;
}
.main-service-tabs .innerbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.main-service-tabs .innerbtn .btncont {text-align: left;}



.home-text .innercont {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    gap: 2rem;
}

.home-text .maintextblock {
    max-width: 754px;
    margin: 4rem auto 3rem;
}

.home-text .innercont .blockitem {
    padding: 1rem;
    background-color: #ffffff0d;
    border-radius: .5rem;
    align-items: center;
    flex-direction: column;
    display: flex;
    box-sizing: border-box;
    border: 1px solid #ffffff1a;
    transition: 1s;
}

.home-text .innercont .blockitem h3 {
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0;
}

.home-text .innercont .blockitem img {
    margin-bottom: .75rem;
}
.home-text .innercont .blockitem:hover {
    border-color: #d0e957;
}

.home-service-tabs.hometab{
padding:80px 0;
}
 .home-service-tabs.hometab h2.heading {
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
  text-align: center;
  position: relative;
}
 .home-service-tabs.hometab h2.heading:after {
  position: absolute;
  width: 48px;
  height: 4px;
  background: #D0E957;
  content: '';
  bottom: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-service-tabs.hometab .tabsbutton {
    padding: 1.5rem;
    background-color: #ffffff0d;
    border: 1px solid #ffffff1a;
    border-radius: .75rem;
}

.home-service-tabs.hometab .tabsbutton .tab {
    margin: 16px 0 0 0;
}

.home-service-tabs.hometab .tabsbutton .tab h3.title {
    color: #fff9;
    padding: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0;
    border-radius: .5rem;
  text-align: left;
}

.home-service-tabs.hometab .tabsbutton .tab button.tablinks {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: .5rem;
    width: 100%;
 transition: 0.3s;
}


.home-service-tabs.hometab .tabsbutton .tab button.tablinks.active, .home-service-tabs.hometab .tabsbutton .tab button.tablinks:hover {
    background-color: #ffffff1a;
}

.home-service-tabs.hometab .tabsbutton .tab button.tablinks.active h3.title, .home-service-tabs.hometab .tabsbutton .tab button.tablinks:hover h3.title {
    color: #fff;
}

.home-service-tabs.hometab .mainflex-inner .tabsbutton {
    width: 30%;
}

.home-service-tabs.hometab .mainflex-inner .tabccontent {
    width: 65%;
}
.home-service-tabs.hometab .mainflex-inner {
    justify-content: space-between;
}

.home-service-tabs.hometab .tabcontent {
    padding: 1.5rem;
    border-radius: .75rem;
    height: 100%;
    border: none;
}

.home-service-tabs.hometab .tabcontent.gray {
  background-color: #ffffffe6;
}
.home-service-tabs.hometab .tabcontent.pink {
  background-color: #f1b2d7e6;
}
.home-service-tabs.hometab .tabcontent.green {
  background-color: #d0e957e6;
}
.home-service-tabs.hometab .tabcontent.yellow {
  background-color: #ffbc02e6;
}


.home-service-tabs.hometab .tabcontent .btncont span.btncount {
    color: #0003;
    font-weight: 500;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 1.5rem;
}

.home-service-tabs.hometab .tabcontent .btncont  h3.title {
    margin-top: 1.5rem;
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}

.home-service-tabs.hometab .tabcontent .btncont .rte {
    color: #000c;
    line-height: 1.625;
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
}
.ccstmheader h2.heading, section.blog-listing.blog-listing--card.blog-listing--3-col h2.blog-listing__heading {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}

.ccstmheader h2.heading:after, section.blog-listing.blog-listing--card.blog-listing--3-col h2.blog-listing__heading:after {
    position: absolute;
    width: 48px;
    height: 4px;
    background: #D0E957;
    content: '';
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mainbloglist {
    padding: 90px 0;
}
.blog-listing__post.card {
    border: 1px solid #282829;
    border-radius: 24px;
  transition: 1s;
}
.blog-listing__post.card:hover{
cursor: pointer;
    border-color: #D0E957;
    background: #D0E9570F;
}
.blog-listing__post.card img.blog-listing__post-image {
    border-radius: 23px 23px 0 0;
    width: 100%;
    display: -webkit-inline-box;
}
.blog-listing__post.card .blog-listing__post-content {
    padding: 20px;
}
.blog-listing__post.card .blog-listing__post-content .blog-listing__header h2.blog-listing__post-title {
    margin: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
 
}
.blog-listing__post.card h2.blog-listing__post-title a.blog-listing__post-title-link{
 transition: 1s;
}
.blog-listing__post.card:hover h2.blog-listing__post-title a.blog-listing__post-title-link{
  color:#D0E957;
}

.blog-listing__post.card .blog-listing__post-content .blog-listing__post-summary p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #D1D5DB;
}
.blog-listing__post.card .blog-listing__post-content a.blog-listing__post-button.button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featuredimage img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 24px;
    margin-bottom: 80px;
}

.blog-post-section h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
}
.blog-post__author img.blog-post__author-image {
    background: #fff;
    border-radius: 50%;
}

@media screen and (max-width: 1366px) {
  .main-imgtext:after {
    bottom: 0px;
  }
  .main-faq:before {
    top: 0px;
  }
}
@media screen and (max-width: 1024px) {
  header.header .header__bottom {
    padding: 10px 20px;
  }
  .home-text, .home-service-tabs.hometab, .mainbloglist, .main-logolist {
    padding: 60px 0;
  }

  .main-logolist .inner {
    padding: 0 20px;
  }
  .main-imgtext {
    padding: 60px 0;
  }
  .page-width {
    padding: 0 20px;
  }
  .main-imgtext .main-block-grid {
    gap: 30px;
  }
  .main-imgtext.cstmwork .main-block-grid {
    gap: 15px;
  }
  .main-imgtext:after {
    bottom: -15px;
  }
  .main-casestudy {
    padding: 60px 0;
  }
  .main-testimonials {
    padding: 60px 0;
  }
  .main-testimonials .testimonials-grid {
    gap: 30px;
  }
  .main-price {
    padding: 60px 0;
  }
  .main-faq {
    padding: 60px 0;
  }
  .main-imgtext.cstmwork p.bgnumber {
    font-weight: 400;
    font-size: 300px;
  }
  .cstmImagetext {
    padding: 60px 20px;
  }  
  .cstmImagetext .imgetxt-flex {
    gap: 40px;
  }
  .main-imgtext .main-block-grid .inner-cont {
    padding: 35px 20px 35px 20px;
  }
  .main-imgtext .main-block-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }  
  .testimonials-grid .item-testimonials:nth-child(4) {
    grid-column: span 1 / span 2;
  }  




}

@media screen and (max-width: 768px) {
  .home-text .inner-text h2.heading {
    font-size: 50px;
    line-height: 60px;
  }
  .main-logo-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .main-imgtext.cstmwork .main-block-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px !important;
  }
  .main-casestudy .innercontent {
    display: inline;
    padding: 0;
    border: 0;
  }
  .main-casestudy .innercontent .imgdiv {
    width: 100%;
  }
  .main-casestudy .innercontent .contentdiv {
    width: 100%;
  }
  .sliderdiv.owl-carousel.asestudy .item {
    padding: 25px;
    border: 1px solid #1F1F20;
    border-radius: 25px;
  }
  .main-testimonials .testimonials-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .main-price .priceplan {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-faq .main-faq-flex {
    display: inline;
  }
  .main-faq .main-faq-flex .headercont {
    width: 100%;
    margin-bottom: 20px;
  }
  .main-faq .main-faq-flex .faq-content {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .home-text .inner-text h2.heading {
    font-size: 40px;
    line-height: 50px;
  }
  .home-text .inner-text .rte {
    font-size: 18px;
    line-height: 28px;
  }
  .main-imgtext h2.heading, .main-casestudy h2.heading-text, .main-testimonials h2.heading, .main-price h2.heading, .main-faq .main-faq-flex .headercont h2.heading, .home-service-tabs.hometab h2.heading {
    font-size: 32px;
    line-height:42px;
  }
  .main-faq:after {
    bottom: 0px;
  }
  .cstmfooter .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .main-imgtext .main-block-grid .inner-cont h3.title, .main-imgtext.cstmwork .inner-cont h3.title, .main-price .priceplan .plan-grid h3.plan-name {
    font-size: 18px;
    line-height: 28px;
  }
  .main-price, .main-faq, .main-testimonials, .home-text, .main-logolist, .main-casestudy,  .main-imgtext {
    padding: 50px 0;
  }
  .main-imgtext:before {
    top: 47px;
    right: 90px;
  }
  .main-imgtext:after {
    bottom: -36px;
    left: 80px;
  }
  .cstmImagetext {
    padding: 40px 20px;
  }
  .cstmImagetext .imgetxt-flex {
    flex-wrap: wrap;
  }  
  .cstmImagetext .imgetxt-flex .imagediv, .cstmImagetext .imgetxt-flex .contentdiv {
    width: 100%;
  } 
  .cstmImagetext {
    padding: 40px 0px;
  } 
  .main-service-tabs, .home-service-tabs.hometab {
    padding: 40px 0;
  }
  .mainflex-inner {
    margin-top: 50px;
    flex-wrap: wrap;
    gap: 0px;
  }
  .mainflex-inner .tabsbutton, .mainflex-inner .tabccontent {
    width: 100%;
  }
  .main-testimonials .testimonials-grid {
    grid-template-columns: repeat(1, 1fr);
  } 
  .main-price h2.heading {
    margin-bottom: 50px;
  }  
  .main-price .priceplan .plan-grid .rte p {
    padding-right: 30px;
  }  
  .main-casestudy h2.heading-text, .cstmImagetext .imgetxt-flex .contentdiv h2.heading, .main-imgtext h2.heading, .main-service-tabs h2.heading {
    font-size: 30px;
    line-height: 40px;
  } 
  .cstmImagetext .imgetxt-flex .contentdiv p {
    font-size: 1rem;
  }
  .home-text.textslider .inner-text, .home-text.textslider .content {
    width: 100%;
  }  
  .home-text.textslider .content {
    margin-top: 20px;
  }

.home-text .innercont {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
  .home-service-tabs.hometab .mainflex-inner {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.home-service-tabs.hometab .mainflex-inner .tabsbutton {
    width: 100%;
}

.home-service-tabs.hometab .mainflex-inner .tabccontent {
    width: 100%;
}
}
@media screen and (max-width: 550px) {
  .home-text:after {
    top: 19px;
    left: 10px;
  }
  .home-text .inner-text:after {
    bottom: 10px;
  }
  .home-text:before {
    top: 56px;
    right: 25px;
  }
  .main-imgtext .main-block-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-testimonials .testimonials-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-imgtext.cstmwork .main-block-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px !important;
  }
  .main-price .priceplan {
    display: flex;
    flex-wrap: wrap;
  }
  .main-price .priceplan .plan-grid {
    width: 100%;
    padding: 20px 15px;
  }
  .main-casestudy .imgdiv h2.title {
    font-size: 40px !important;
    line-height: 50px;
  }
  .main-casestudy .contentdiv span {
    line-height: 18px;
    font-size: 18px;
  }
  .main-casestudy .innercontent .contentdiv {
    padding-top: 20px;
  }
  .main-imgtext .main-block-grid {
    grid-template-columns: repeat(1, 1fr);
  } 
  .main-logo-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }  






}
@media screen and (max-width: 479px) {
  .home-text .inner-text h2.heading {
    font-size: 30px;
    line-height: 40px;
  }
  .main-imgtext .main-block-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-imgtext .main-block-grid .inner-cont h3.title {
    max-width: 100%;
  }
  .main-imgtext.cstmwork .main-block-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-imgtext.cstmwork p.bgnumber {
    font-size: 280px;
  }
  .main-price .priceplan .plan-grid h2.price {
    font-size: 30px;
    line-height: 40px;
  }
  .cstmfooter .footer-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .main-imgtext .main-block-grid .inner-cont h3.title, .main-imgtext.cstmwork .inner-cont h3.title, .main-price .priceplan .plan-grid h3.plan-name {
    font-size: 16px;
    line-height: 26px;
  }
  .main-imgtext:before {
    right: 30px;
  }
  .home-text:after {
    width: 46px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .main-imgtext:before{
    width: 46px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .main-casestudy .headerdiv {
    display: inline;
  }
  .main-casestudy .headerdiv .cstmnav {
    display: flex;
    gap: 15px;
    padding: 25px 0;
    justify-content: center;
  }
  .main-casestudy h2.heading-text{
    text-align: center;
  }
  .main-casestudy h2.heading-text::after {
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
  }   
  .main-casestudy .imgdiv h2.title {
    font-size: 35px !important;
    line-height: 45px;
  }
}