@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?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');
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  background-color: #F9FBFC;
  height: 100%;
  font-family: "Inter", sans-serif;
}

.sub-text {
  font-size: 20px;
  text-align: center;
}

.rainbow-btn {
  background: transparent
    linear-gradient(316deg, #9dff71 0%, #ffd88d 30%, #ff76d5 65%, #55beff 100%)
    0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 19px 2px 22px 2px;
  border-radius: 30px;
  height: 64px;
}

.rainbow-btn .btn {
  border-radius: 30px;
  color: white;
  padding: 13px 30px;
  background: #000000;
  font-size: 19px;
  font-weight: 600;
}

.banner .rainbow-btn .btn {
  width: 350px !important;
}

.banner {
  background-image: url("/assets/ai-video-maker/banner-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  padding: 8% 0 6% 0 !important;
  position: relative;
}
.header-inner {
  background: transparent !important;
}
.change-color {
  background-color: #1a1a1a !important;
}
.navMenus {
  margin-bottom: 0px;
}
.banner .banner-content h1 {
  font-size: 40px;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  color: #ffffff;
  text-align: left;
  font-weight: 800;
  line-height: 60px;
  margin: auto auto 30px auto;
}

.banner span{
  background: transparent linear-gradient(258deg, #4CC5FF 0%, #BD9FFF 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}
.default-margin{
  margin-block: 120px;
}
h1,h2{
  font-size: 48px !important;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
}
.banner .banner-content p {
  text-align: left;
  color: #eceff5;
  width: 75%;
}
.banner .banner-content .sub-text a {
  color: #ffffff;
  font-size: 20px;
  border-bottom: 1px solid #ffffff;
}

.star-contanier {
  position: relative;
}

.star-contanier .star-sparkle {
  height: 50px;
  width: 40px;
  position: absolute;
  animation: spark 1s infinite;
}
.star-contanier .star-sparkle.first {
  right: 16%;
  bottom: 9%;
}
.star-contanier .star-sparkle.two {
  right: 8%;
  top: 20%;
}

@keyframes spark {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.35);
  }
}

.scheduleCallWrapper {
  width: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  gap: 15px;
  text-decoration: underline;
  font-weight: 700;
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  margin-top: 20px;
}
.scheduleCallWrapper a {
  width: 130px;
  text-decoration: underline;
  font: normal normal bold 20px/29px Inter;
  color: white;
}

.banner-desc {
  width: 510px;
}
.container {
  width: 90vw !important;
}

@media only screen and (max-width: 1100px) {
  .banner .banner-content p {
    width: 70%;
  }
}

@media only screen and (max-width: 768px) {
  .banner .banner-content h1,
  .banner .banner-content p,
  .banner .banner-content {
    text-align: center;
    width: 100%;
    margin-block: 2rem;
  }
  .scheduleCallWrapper {
    width: 100%;
  }
  .banner-desc {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .banner-desc {
    width: 100%;
  }
  .banner .rainbow-btn {

    margin-inline:auto !important ;
  }

  .banner .rainbow-btn .btn {
    margin-inline:auto !important ;
    padding-inline: 20px !important;
    width: 310px !important;
  }
  .banner-content {
    padding: 0px;
  }
  .grid-section .btn-blue-gradient {
    font-size: 16px !important;
  }
  .btn-blue-gradient{
    width: fit-content !important;
    height: max-content !important;
    padding-inline: 18px!important;
  }

  .grid-section .btn-blue-gradient{
    padding-inline: 15px!important;
    font-size: 18px;
  }
  .ai-section .container h2 {
    padding: 0px;
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .container {
    padding: 0px !important;
  }
  .faceless-creators-section h2{
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .bottom-banner p{
    font: normal normal bold 24px / 24px Inter;
  }
  .bottom-banner a.rainbow-btn{
    margin-block: 8px;
    width: 200px !important;
  }
}
.second-accordion-section a.rainbow-btn::after {
  content: 'Create Your First Video Now' !important;
}

.brand-section {
  padding: 6% 0;
}
.brand-section .col {
  text-align: center;
}

.brand-logo-section {
 padding-block: 0% 6%;
}
.brand-logo-section h3{
  font-weight: 600;
}
.brand-logo-section .card {
  border-radius: 20px;
}

.default-padding {
  padding: 6% 0;
}
.default-padding .container{
  max-width: 880px;
}

.dark-gradient-section {
  background: transparent
    linear-gradient(118deg, #1f0512 0%, #142b36 61%, #1f0512 100%) 0% 0%
    no-repeat padding-box;
  padding: 6% 0;
}
.dark-gradient-section .container {
  color: white;
  max-width: 880px;
}
.dark-gradient-section .container h2 {
  font-size: 48px;
  font-weight: 700;
}
.dark-gradient-section .rainbow-btn {
  background: transparent
    linear-gradient(270deg, #9dff71 0%, #ffd88d 30%, #ff76d5 65%, #55beff 100%)
    0% 0% no-repeat padding-box !important;
}

.dark-gradient-section .rainbow-btn .btn {
  width: 100%;
  max-width: 450px;
}

.ai-section {
  padding: 6% 0;
}

.ai-section .sub-text {
  font-size: 18px;
  color: #a3a3a3;
}

.ai-section .container h2 {
  text-align: center;
}

.ai-section .rainbow-btn {
  background: transparent
    linear-gradient(318deg, #9dff71 0%, #ffd88d 30%, #ff76d5 65%, #55beff 100%)
    0% 0% no-repeat padding-box !important;
}

.ai-section .rainbow-btn .btn {
  width: 100%;
  max-width: 450px;
}

.feature-details {
  text-align: start;
}

.feature-item-rounded {
  border-radius: 10px;
}

.description {
  font-size: 1.2rem;
  color: #a3a3a3;
  margin-top: 0.5rem;
}

.features {
  gap: 2rem;
}

.feature-details {
  text-align: left;
  line-height: 30px;
}

.feature-item {
  font-weight: normal !important;
  font-size: 1rem;
  color: #a3a3a3;
  margin-bottom: 0.8rem;
}

.feature-details .active p {
  color: #000000;
}
.feature-details .active span {
  font-weight: bold;
}

.btn-blue-gradient {
  background: linear-gradient(to right, #38caff 0%, #d29aff 100%);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.75rem 2rem;
  margin-top: 1.5rem;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-top: 2.3rem;
}

.grid-section {
  padding: 120px 0;
}

 
.grid-section h2 {
  
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    line-height: 65px;
    margin-inline: auto;
    margin-bottom: 20px;
  }
  
  .grid-section .card {
    width: 324px !important;
    height: 285px !important;
    padding: 24px;
    margin-bottom: 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 10px;
    justify-content: space-between;
  }
  
  .grid-section .card h4 {
    font: normal normal 800 26px/32px Inter;
    width: 284px;
    margin-top: 10px;
  }
  
  .grid-section .card p {
    height: 120px;
    width: 280px;
    font: normal normal normal 18px/26px Inter;
  }
  
.grid-section .btn-blue-gradient {
  margin-top: 2.5rem;
  font-weight: bold;
}
.grid-section .btn-blue-gradient:hover {
  box-shadow: rgba(47, 47, 47, 0.329) 0px 13px 27px -5px,
    rgba(67, 66, 66, 0.3) 0px 8px 16px -8px;
}
.rounded-custom {
  border-radius: 20px;
}

.listed-features p {
  font-size: 22px;
  font-weight: bold;
}
.listed-features ul {
  margin: 1rem 0rem;
}

.listed-features li {
  font-size: 18px;
  list-style: disc;
  line-height: 34px;
}

.listed-features li::marker {
  width: 10px;
  height: 10px;
  color: #00c1ff;
}
.first-accordion-section .d-flex{
  flex-direction: row !important;

}
.progress-section {
  background: transparent
    linear-gradient(180deg, #1f0512 0%, #142b36 61%, #1f0512 100%) 0% 0%
    no-repeat padding-box;
  color: white;
  padding: 6% 0;
}
.progress-section h2 {
  font-size: 48px;
  font-weight: 700;
  width: 80%;
  margin: 0 auto 57px auto;
  text-align: center;
}
.progress-section h4 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 20px;
}
.progress-section p {
  font-size: 18px;
  width: 90%;
}
.progress-section .rainbow-btn .btn {
  width: 350px;
}

.template-section {
  padding: 120px  0;
}
.template-section h2 {
  font-size: 48px;
  font-weight: 700;
  width: 80%;
  margin: 0 auto 57px auto;
  text-align: center;
}
.template-section p{
  font-size: 18px;
  width: 90%;
  margin: 0 auto 8px auto;
  text-align: center;

}
.template-section .card {
  border-radius: 23px;
  box-shadow: 0px 15px 35px rgba(124, 124, 124, 0.1019607843);
}
.template-section .card h6 {
    font: normal normal bold 18px/26px Inter;
    letter-spacing: 0px;
    color: #383838;
    text-align: center;
    padding: 8px 20px;
}

.faq-section {
  padding: 120px 0;
}
.faq-section h2 {
  font-size: 48px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
  max-width: 800px;
  margin-inline: auto;
}
.faq-section #accordion .card {
  margin-bottom: 20px;
  padding: 25px;
  border-radius: 16px;
  line-height: 24px;
  font-size: 18px;
}
.faq-section #accordion .card .title {
  font-size: 18px;
  font-weight: 600;
}
.faq-section #accordion .card .collapse {
  color: #4c4c4c;
  margin-top: 12px;
  width: 90%;

}

.faq-section #accordion .card .collapsing {
margin-top: 12px;
width: 90%;

}
.faq-section #accordion .card .title:after {
  content: url(https://www.animaker.com/Animaker-Home/new-assets/icon-collapse.svg);
  position: absolute;
  right: 39px;
  top: 39%;
  cursor: pointer;  
}
.faq-section #accordion .card .collapsed:after {
  content: url(https://www.animaker.com/Animaker-Home/new-assets/icon-expand1.svg);
}

.accordion-section,
.accordion-section2 {
  padding: 120px 0;
  background: transparent
    linear-gradient(180deg, #1f0512 0%, #142b36 61%, #1f0512 100%) 0% 0%
    no-repeat padding-box;
  color: #ffffff;
}
.accordion-section h2,
.accordion-section2 h2 {
  text-align: center;
  font-weight: 700;
}
.accordion-section .d-flex {
  flex-direction: row;
  flex-direction: row-reverse;
  justify-content: space-around;
}

.accordion-section2 .d-flex {
  flex-direction: row;
  justify-content: space-around;
}
.accordion-section .d-flex .desktopSlider,
.accordion-section2 .d-flex .desktopSlider {
  width: 42%;
  margin: auto;
}

.accordion-section .rainbow-btn .btn,
.accordion-section2 .rainbow-btn .btn {
  width: auto;
  background: transparent;
}
.accordion-section .rainbow-btn{
  margin-bottom: 0px;
}

.accordion-section2 {
  background: #ffffff;
  color: #000000;
}
.accordion-section2 .desktopSlider .cust-nav .title,
.accordion-section2 .mobileSlider .title {
    font: normal normal bold 24px/30px Inter;
    letter-spacing: 0px;
    color: #000000;
}
.accordion-section2 .desktopSlider .cust-nav.active .title {
    font: normal normal bold 24px/30px Inter;
    letter-spacing: 0px;
    color: #000000;
}
.accordion-section2 .desktopSlider .cust-nav.active {
    background: #fdfdfd 0% 0% no-repeat padding-box;
    border: 1px solid #7b7b7b;
}

.accordion-section2 .desktopSlider .cust-nav p {
    display: none;
}

.accordion-section2 .desktopSlider .cust-nav.active p {
    display: block;
    font: normal normal normal 18px/30px Inter;
    letter-spacing: 0px;
    color: #000000;
}
.accordion-section .desktopSlider .cust-nav.active p{
  font: normal normal normal 18px/30px Inter;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.desktopSlider .cust-nav {
  position: relative;
  cursor: pointer;
  padding: 20px;
  margin: 0;
  font-weight: bold;
}

.desktopSlider .cust-nav.active {
  font-weight: normal;
  border: 0.5px solid #7b7b7b;
  opacity: 1;
  border-radius: 12px;
  padding: 20px;
  background: transparent
    linear-gradient(0deg, #1f0512 0%, #00000000 100%, #173039 100%) 0% 0%
    no-repeat padding-box;
}

.desktopSlider .cust-nav .title,
.mobileSlider .title {
  font: normal normal 600 24px/24px Inter;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}

.desktopSlider .cust-nav .title + p,
.mobileSlider p {
  margin: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  height: 0px;
  overflow: hidden;
  line-height: 1.4;
  font: normal normal 500 18px/30px Inter;
  letter-spacing: 0px;

  font-size: 18px;
  font-weight: 200;
  opacity: 1;
}

.desktopSlider .cust-nav.active:before {
  height: 100%;
  bottom: 0;
}

.desktopSlider .cust-nav.active .title {
  margin: -5px 0 15px 0;
  font: normal normal 600 24px/24px Inter;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.desktopSlider .cust-nav .title br {
  display: none;
}

.desktopSlider .cust-nav.active .title br {
  display: block;
}

.desktopSlider .cust-nav.active .title + p,
.mobileSlider .cust-nav.active p {
  /* height: 86px; */
  /* height: 125px; */
  height: auto;
  /* margin: 7px 0; */
}

.mobileSlider {
  /* margin-left: auto; */
  /* width: 670px; */
  width: 50%;
  display: -ms-box;
  display: flex;
  align-items: center;
}

.mobileSlider .title {
  display: none;
}

.mobileSlider p {
  display: none;
}

.mobileSlider .item img {
  max-width: 90%;
  max-height: 532px;
}

@media screen and (max-width: 768px) {
.template-section {
  padding: 60px  0;
}
.accordion-section,
.accordion-section2 {
  padding: 60px 0;
}
.faq-section {
  padding: 60px 0;
}
.grid-section {
  padding: 60px 0;
}


  .banner {
    padding: 8% 0% !important; 
  }
  .rainbow-btn .btn {
    padding: 13px 16px;
    font-size: 17px;
  }
  .rainbow-btn {
    padding: 17px 2px 20px 2px;
  }
  .carousel-section .container .carousel .carousel-indicators {
    width: 100%;
  }
  .carousel-section .container .carousel .carousel-indicators li {
    font-size: 16px;
  }
  h2,
  h1 {
    font-size: 35px !important;
    line-height: 49px !important;
  }
  .sub-text,
  p {
    font-size: 17px !important;
  }
  .carousel-section .container .carousel .carousel-item .carousel-content {
    padding: 10px;
  }
  .carousel-section
    .container
    .carousel
    .carousel-item
    .carousel-content
    .left-content
    h6 {
    font-size: 19px;
  }
  .carousel-section
    .container
    .carousel
    .carousel-item
    .carousel-content
    .left-content
    ul
    li {
    font-size: 16px;
  }
  .carousel-section
    .container
    .carousel
    .carousel-item
    .carousel-content
    .left-content {
    padding-left: 0px;
  }
  .gradient-btn {
    font-size: 15px;
    padding: 12px 21px;
    width: auto;
  }
  .carousel-content a {
    display: block;
    text-align: center;
  }
  .carousel-section
    .container
    .carousel
    .carousel-indicators
    li
    .dot-indicator {
    display: none;
  }
  .carousel-content .col-md-6.text-right {
    margin-top: 12px;
    text-align: center !important;
  }
  .grid-section .card {
    text-align: center;
    margin-bottom: 20px;
  }
  .grid-section .card img {
    margin: auto;
  }
  .process-content {
    text-align: center;
  }
  .process-content p {
    width: 92%;
    margin: auto;
  }
  .process-content h4{
    font-family: "Poppins", sans-serif ;
  }
  .progress-section .row:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .template-section .card {
    margin-bottom: 20px;
    height: auto !important;
  }
  .mobileSlider .title,
  .mobileSlider p {
    display: block !important;
  }
  .progress-section .rainbow-btn .btn {
    width: 307px;
  }
  .accordion-section .rainbow-btn .btn,
  .accordion-section2 .rainbow-btn .btn {
    width: 335px !important;
  }
  .item {
    text-align: center;
    padding: 20px;
    border: 1px solid lightblue;
    border-radius: 24px;
  }
  .item p {
    height: auto;
    line-height: 21px;
    font-size: 15px !important;
    padding: 13px 0;
  }
  .item img {
    margin: auto;
  }
  .mobileSlider {
    width: 100%;
  }
  .mobileSlider .owl-nav .owl-prev span {
    display: block;
    content: url(https://www.animaker.com/static_2.0/img/subtitlegenerator/icon-left-arrow.svg);
    padding: 15px;
  }
  .mobileSlider .owl-nav .owl-next span {
    display: block;
    content: url(https://www.animaker.com/static_2.0/img/subtitlegenerator/icon-right-arrow.svg);
    padding: 15px;
  }
  .mobileSlider .owl-nav {
    margin: auto;
    position: absolute;
    top: 101%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .faq-section #accordion .card .title,
  .faq-section #accordion .card .collapse {
    width: 85%;
  }
  .grid-section a {
    margin-top: 40px;
  }
  .grid-section .row {
    justify-content: center;
  }
  .accordion-section2 p {
    display: none !important;
    height: 0px !important;
  }
  .accordion-section2 .title {
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .grid-section .row .col-xl-4.mt-4 {
    margin-top: 0px !important;
  }
  .progress-section .row:nth-child(odd) {
    flex-direction: row !important;
  }
  .mobileSlider {
    width: 75% !important;
  }
  .carousel-section .container .carousel .carousel-indicators {
    width: 69%;
  }
  .mobileSlider .item img {
    max-width: 55% !important;
  }
}
@media only screen and (max-width: 992px) {
  .accordion-section2 p {
    display: none !important;
    height: 100px !important;
  }
  .item {
    text-align: center;
    padding: 20px;
    border: 1px solid lightblue;
    border-radius: 24px;
  }
  .item p {
    height: auto;
    line-height: 21px;
    font-size: 15px !important;
    padding: 13px 0;
  }
  .item img {
    margin: auto;
  }
  .mobileSlider .title,
  .mobileSlider p {
    display: block !important;
  }
  .mobileSlider {
    width: 100%;
  }
  .mobileSlider .owl-nav .owl-prev span {
    display: block;
    content: url(https://www.animaker.com/static_2.0/img/subtitlegenerator/icon-left-arrow.svg);
    margin-top: 30px;
    padding: 15px;
  }
  .mobileSlider .owl-nav .owl-next span {
    display: block;
    content: url(https://www.animaker.com/static_2.0/img/subtitlegenerator/icon-right-arrow.svg);
    margin-top: 30px;
    padding: 15px;
  }
  .mobileSlider .owl-nav {
    margin-inline: auto;
    width: fit-content;
    display: flex;
    }
}

.learnmore-section .card {
  border: none;
  border-radius: 14px;
  color: #000000;
}

.learnmore-section .card:hover {
  outline: #00c1ff 1px solid;
  box-shadow: rgb(0, 193, 255 , 10) 0px 10px 27px -5px,
    rgba(133, 132, 132, 0.3) 0px 8px 16px -8px;
  
}
.learnmore-section h6 {
  padding: 1.5rem 2.5rem;
  font-weight: bold;
  text-align: center;
}
.new_slider{
  overflow: hidden;
}
.new_slider .carousel-container {
  z-index: 3;
  margin-inline: -15%;
  width: 1100px;
}


.carousel-cell {
  width: 324px;
  height: 430px;
  border: 0.5px solid #7B7B7B;
  border-radius: 26px;
  margin-right: 20px;
}

.carousel-cell img {
  width: 295px;
  height: 178px;
}
.carousel-cell h6{
  font: normal normal 800 22px/24px Inter;
}

.carousel-cell p {
  font-size: 17px !important;
  padding: 5px;
}
.blur-carosuel{
  width: 100%;
  position: relative;
  z-index: 6;
}
.flickity-button {
  z-index: 10 !important;
  background-color: transparent; 
  width: 40px;
  height: 40px;
  border: none;

}
.flickity-viewport{
  z-index: 2;
}

.flickity-button-icon {
  display: none;
}

.previous{
  position: absolute;
  z-index: 15 !important ;
  left: 30px !important;
}
.next{
  position: absolute;
  z-index: 15 !important ;
  right: 30px !important;
}

.flickity-prev-next-button.previous:before {
  z-index: 5 !important;
  content: '';
  display: inline-block;
  width: 100%;             
  height: 100%;            
  background-image: url('../ai-video-maker/arrow-left.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.flickity-prev-next-button.next:before {
  z-index: 5 !important;
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../ai-video-maker/arrow-right.png"); 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* [aria-hidden="true"] {
  opacity: 0.5; 
}

[aria-hidden="false"] {
  opacity: 1;
} */

.right-carousel-blur{
  z-index: 3;
  position: absolute;
  width: 100px;
  height: 110%;
  top: -30px;
  right: -190px;
  background: transparent linear-gradient(90deg, #ffffff 0%, #fcfcfc 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: blur(20px);
}
.left-carousel-blur{
  z-index: 3;
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0px;
  left: -190px;
  background: transparent linear-gradient(270deg, #ffffff 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  filter: blur(20px);
}
h2 {
  line-height: 65px;
}

.discover-more-section a:link {
  text-decoration: inherit;
  color: inherit;
  cursor: pointer;
}

.discover-more-section a:hover {
  color: #000000;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.discover-more-section .container-discover {
  width: 90vw !important;
  padding: 5rem;
  background: #f4fcff;
  border-radius: 75px;
  margin: auto;
}
@media only screen and (max-width: 1100px) {
  .new_slider .carousel-container {
    margin-inline: auto !important;
    width: 100%;
  }
  .new_slider .container{
    width: 100% !important;
    max-width: 1100px;
  }
  .right-carousel-blur{
    right:-90px !important;
  }
  .left-carousel-blur{
    left:-90px !important;
  }
}

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


  .discover-more-section .container {
    width:100% !important;
    padding: 1rem !important;
  }

  .discover-more-section .row {
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
  }
  .discover-more-section .row .m-2{
    margin: 8px 2px !important;
  }
   .new_slider .carousel-cell{
    z-index: 1 !important;
    width: 300px;
   }
   .new_slider .carousel-cell img{
    width: 275px;
   }
   .new_slider .carousel-cell h4{
    margin: 14px !important;
    font-size: 24px;
    font-weight: bold;
   }
   .new_slider .carousel-cell p{
    font-size: 16px;
   }
   .new_slider .carousel-container {
    width: 100%;
    margin: auto;
   }
  .previous{
    left: 10px !important; 
  }
  .next {
    right: 10px !important;
  }
  
}

a:hover {
  color: white;
  cursor: pointer;
}
.template-section a:hover {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

.template-section .card:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.rainbow-btn:hover {
  box-shadow: rgba(225, 225, 234, 0.25) 0px 13px 27px -5px,
    rgba(133, 132, 132, 0.3) 0px 8px 16px -8px;
}
.btn-blue-gradient:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.discover-more-item {
  padding: 10px 0px;
  font-weight: 600;
  height: auto !important;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 3px #0000001f;
  border-radius: 27px;
}
ai-videomaker-lp-l2
.ai_advanced_editor {
  position: relative;
}

.ai_advanced_editor h1 {
  font: normal normal 800 60px/60px Inter;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  text-align: center;
  margin-bottom: 30px;
}

.ai_advanced_editor p {
  font: normal normal 600 24px/26px Inter;
  letter-spacing: 0px;
  color: #eceff5;
  opacity: 1;
  text-align: center;
}

.ai_advanced_editor .slider_wrapper {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

.ai_advanced_editor .slide {
  flex: 0 0 70%;
  max-width: 500px;
  margin: 0 10px;
  opacity: 1;
  transform: scale(0.9);
  transition: all 0.5s ease;
}

.testimonial-card {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.blur-container {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

.left-blur,
.right-blur {
  position: absolute;
  top: 0;
  width: 300px;
  height: 100%;
  background: transparent
    linear-gradient(91deg, #f9fbfc 0%, #f9fbfc 35%, #f9fbfc 68%, #effcff00 100%);
}

.left-blur {
  left: -130px;
}

.right-blur {
  right: -130px;
  background: transparent
    linear-gradient(
      269deg,
      #f9fbfc 0%,
      #f9fbfc 35%,
      #f9fbfc 68%,
      #effcff00 100%
    );
}

@media only screen and (max-width: 768px) {
  .left-blur,
  .right-blur {
    width: 200px;
    height: 100%;
  }

  .left-blur {
    left: -100px;
  }

  .right-blur {
    right: -100px;
  }
}

@media only screen and (max-width: 480px) {
  .left-blur,
  .right-blur {
    width: 150px;
    height: 100%;
  }

  .left-blur {
    left: -75px;
  }

  .right-blur {
    right: -75px;
  }
  .ai_advanced_editor .slide {
    width: 400px !important;
  }

  .grid-section h2 {
    margin:auto ;
    margin-bottom: 20px;
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .accordion-section h2{
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .template-section h2 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin-bottom: 30px !important;
  }
  .attractive_videos h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  
  }
  .attractive_videos {
    padding: 60px 0px !important;
  }
  .blog-resource h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .blog-resource {
    padding: 60px 0px !important;
  }
  .brand-logo-section h3 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .ai_advanced_editor h1 {
    font-size: 24px !important;
    line-height: 40px !important;
  }
  .faq-section h2{
    font-size: 19px !important;
    line-height: 30px !important;
  }
  .display-none{
    display: none !important;
  }
}

.slick-slide .slick-active {
  opacity: 1;
}



.light-theme h1 {
  color: #000 !important;
}

.testimonial-card {
  width: 500px;
  height: 510px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  padding: 100px 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

@media only screen and (max-width: 480px) {
  .testimonial-card {
    width: 350px !important;
  }
  .accordion-section .rainbow-btn .btn{
    width: 310px !important;
    font-size: 15px !important;
    
  }
  .faceless-creators-section .grid-img{
    width: 100% !important;
    height: 100% !important;
  }
  .faceless-creators-section .stats {
    width: auto !important;
    gap: 10px;
  }
  
}
.symbol {
  position: absolute;
  top: 40px;
  height: 130px !important;
  width: 43px !important;
}

.testi-details-wrapper {
  margin-top: 45px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.profile-details .testi-heading-name {
  text-align: left;
  font: normal normal 800 24px/32px Inter;
  letter-spacing: 0px;
  color: #0d0f0f;
}

.profile-details .designation,
.profile-details .company {
  text-align: left;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #383838;
}

.testi-heading {
  margin-top: 30px;
  text-align: left !important;
  font: normal normal 800 24px/32px Inter !important;
  letter-spacing: 0px !important;
  color: #0d0f0f !important;
}

.profile-img {
  width: 40px !important;
  height: 40px !important;
}
/* .dark-gradient-section [aria-hidden="true"] {
  opacity: 0.5;
  filter: blur(3px);
} */

@media only screen and (max-width: 992px) {
  .new_slider .carousel-container {
    margin-inline: auto;
  }

  .testimonial-card {
    max-width: 360px !important;
    max-height: unset !important;
  }
}

/* Faceless Creators Section */
.faceless-creators-section {
  padding: 60px 20px;
  
}


.faceless-creators-section .profile {
  display: inline-block;
  text-align: center;
}

.faceless-creators-section .profile-img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
  margin-bottom: 10px;
}

.faceless-creators-section .profile-name {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}

.faceless-creators-section .container .p{
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500; /* medium */
  font-size: 24px;
  line-height: 30px;
}

.faceless-creators-section .grid-img {
  width: auto;
  height: 243px;
  border-radius: 10px;
}
.faceless-creators-section .container{
  max-width: 1004px !important;
}

.faceless-creators-section .stats {
  width: auto !important;
  height: 243px;
  background-position: center;
  background-repeat: no-repeat !important;
  background-size: cover;
  background: linear-gradient(to bottom, #A762F7, #8B3AE5);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px;
  border-radius: 20px;
}
.faceless-creators-section .stats p{
  width: fit-content;
  color: #fff;
  font-size: 24px;
  font-weight: medium;  
  line-height: 30px;
  
}
.faceless-creators-section .stats h3{
  width: fit-content;
  font: normal normal bold 40px/30px Inter;
  color: #fff;
}
.faceless-creators-section .stats-img {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
}

.faceless-creators-section .stats-text {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
}

/* Responsive Design */
@media (max-width: 768px) {
  .faceless-creators-section .profile-img {
    width: 80px;
    height: 80px;
  }

  .faceless-creators-section .profile-name {
    font-size: 1.2rem;
  }

  .faceless-creators-section .stats-text {
    font-size: 1rem;
  }

  .faceless-creators-section .btn-blue-gradient {
    font-size: 1.2rem;
    padding: 8px 16px;
  }
}
.third-accordion-section a.rainbow-btn::after {
  content: 'Start Now' !important;
}


    .flex  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    flex-wrap:  wrap;
    gap: 20px;
    justify-content:  center;
    align-items: center;
}

*  {
    font-family:  'Open Sans',  sans-serif;
}
*:focus,  *:hover  {
    outline:  0px;
}
a  {
    text-decoration:  none;
    color:  #469AFE;
}
a:hover  {
    text-decoration:  underline;
}
.transition  {
    -webkit-transition:  all 0.3s ease-in-out;
    transition:  all 0.3s ease-in-out;
}
.flex  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
}
h1,  h2,  h3,  h4,  h5,  h6  {
    font-family:  'Poppins',  sans-serif;
}
::-webkit-scrollbar  {
    width:  10px;
    background:  rgba(26,  26,  26,  0.1);
}
::-webkit-scrollbar-thumb  {
    border-radius:  10px;
    background:  rgba(26,  26,  26,  0.5);
}
.gradBtn  {
    background:  transparent linear-gradient(100deg,  #33CCFF 0%,  #D499FF 100%) 0% 0% no-repeat padding-box;
    filter:  progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad34f',  endColorstr='#ef3297', GradientType=1 );
    display:  block;
    max-width:  380px;
    text-align:  center;
    padding:  14px 20px;
    line-height:  28px;
    font-size:  1.125rem;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    color:  #fff;
    border-radius:  30px;
    -webkit-border-radius:  30px;
    -moz-border-radius:  30px;
    box-shadow:  0 3px 6px rgba(26,  26,  26,  0.29);
    -webkit-box-shadow:  0 3px 6px rgba(26,  26,  26,  0.29);
    -moz-box-shadow:  0 3px 6px rgba(26,  26,  26,  0.29);
    margin: 0 auto;
}
.gradBtn:hover  {
    text-decoration:  none;
    color:  #fff;
}
.steve_style p a  {
    padding:  15px 24px;
    display:  block;
    max-width:  350px;
    text-align:  center;
    border-radius:  180px;
    position:  relative;
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
    cursor:  pointer;
    margin:  0 auto;
    font-family:  'Poppins',  sans-serif;
    border:  solid 1.5px transparent;
    background-image:  linear-gradient(rgba(255,  255,  255,  0),  rgba(255,  255,  255,  0)),  linear-gradient(101deg,  #33CCFF,  #D499FF);
    background-origin:  border-box;
    background-clip:  content-box,  border-box;
    box-shadow:  2px 1000px 1px #000 inset;
    color:  #fff;
    font-weight:  900;
}
header  {
    padding:  20px 0;
    position:  fixed;
    width:  100%;
    left:  0;
    top:  0;
    z-index:  99;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
header.scrolled  {
    box-shadow:  0px 0px 10px rgba(26,  26,  26,  0.1);
    -webkit-box-shadow:  0px 0px 10px rgba(26,  26,  26,  0.1);
    -moz-box-shadow:  0px 0px 10px rgba(26,  26,  26,  0.1);
    background:  #fff;
}
header .flex  {
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
header .navbar-brand  {
    padding:  0px;
}
header .navbar-brand a  {
    display:  block;
}
header .navbar-toggler  {
    display:  none;
}
header nav  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  end;
    -ms-flex-pack:  end;
    justify-content:  flex-end;
}
header #menu  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
header #menu.show  {
    display:  -webkit-box !important;
    display:  -ms-box !important;
    display:  -ms-flexbox !important;
    display:  flex !important;
}
header #menu > li  {
    position:  relative;
}
header #menu > li a  {
    padding:  6px 15px;
    display:  block;
    color:  #1a1a1a;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    text-decoration:  none;
    font-size:  0.9375rem;
    white-space:  nowrap;
    line-height:  20px;
}
header #menu > li a:hover  {
    color:  #F1821E;
    text-decoration:  none;
}
header #menu > li a:hover span svg path  {
    stroke:  #F1821E;
}
header #menu > li a span svg  {
    top:  -2px;
    position:  relative;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
header #menu > li a.signup  {
    background:  #F1821E;
    border-radius:  4px;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    font-weight:  600;
    color:  #fff;
    padding:  9px 25px;
    margin-left:  10px;
}
header #menu > li a.signup:hover  {
    background:  #f49d4e;
}
header #menu > li .dropdown-menu  {
    opacity:  0;
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    transform:  scaleY(0);
    -webkit-transform:  scaleY(0);
    -moz-transform:  scaleY(0);
    transition:  all 0.3s ease-out;
    -webkit-transition:  all 0.3s ease-out;
    -moz-transition:  all 0.3s ease-out;
    margin-top:  0px;
    border:  0px;
    box-shadow:  0 0 15px rgba(26,  26,  26,  0.15);
    -webkit-box-shadow:  0 0 15px rgba(26,  26,  26,  0.15);
    -moz-box-shadow:  0 0 15px rgba(26,  26,  26,  0.15);
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
}
header #menu > li:hover .dropdown-menu  {
    opacity:  1;
    display:  block;
    transform:  scaleY(1);
    -webkit-transform:  scaleY(1);
    -moz-transform:  scaleY(1);
}
.darkMode header  {
    padding:  20px 0;
    position:  fixed;
    width:  100%;
    left:  0;
    top:  0;
    z-index:  99;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
.darkMode header.scrolled  {
    background:  #1a1a1a;
}
.darkMode header #menu  {
}
.darkMode header #menu > li .dropdown-menu a  {
    color:  #1a1a1a;
}
.darkMode header #menu > li .dropdown-menu a:hover  {
    color:  #F1821E;
}
.darkMode header .navbar-brand  {
    height:  auto;
}
.darkMode header .navbar-toggler span  {
    background:  none;
}
.darkMode header .navbar-toggler span:before,  .darkMode header .navbar-toggler span:after  {
    background:  #fff;
}
.darkMode header .navbar-toggler.collapsed span  {
    background:  #fff;
}
.darkMode header .navbar-toggler.collapsed span:before,  .darkMode header .navbar-toggler.collapsed span:after  {
    background:  #fff;
}
.darkMode header .flex  {
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
.darkMode header .navbar-brand  {
    padding:  0px;
}
.darkMode header .navbar-brand a  {
    display:  block;
}
.darkMode header .navbar-toggler  {
    display:  none;
}
.darkMode header nav  {
    -webkit-box-flex:  1;
    -ms-flex-positive:  1;
    flex-grow:  1;
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  end;
    -ms-flex-pack:  end;
    justify-content:  flex-end;
}
.darkMode header #menu  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
.darkMode header #menu.show  {
    display:  -webkit-box !important;
    display:  -ms-box !important;
    display:  -ms-flexbox !important;
    display:  flex !important;
}
.darkMode header #menu > li  {
    position:  relative;
}
.darkMode header #menu > li a  {
    padding:  6px 15px;
    display:  block;
    color:  #fff;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    text-decoration:  none;
    font-size:  0.9375rem;
    white-space:  nowrap;
    line-height:  20px;
}
.darkMode header #menu > li a:hover  {
    color:  #F1821E;
    text-decoration:  none;
}
.darkMode header #menu > li a:hover span svg path  {
    stroke:  #F1821E;
}
.darkMode header #menu > li a span svg  {
    top:  -2px;
    position:  relative;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
.darkMode header #menu > li a.signup  {
    background:  #F1821E;
    border-radius:  4px;
    -webkit-border-radius:  4px;
    -moz-border-radius:  4px;
    font-weight:  600;
    color:  #fff;
    padding:  9px 25px;
    margin-left:  10px;
}
.darkMode header #menu > li a.signup:hover  {
    background:  #f49d4e;
}
.darkMode header #menu > li .dropdown-menu  {
    opacity:  0;
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    transform:  scaleY(0);
    -webkit-transform:  scaleY(0);
    -moz-transform:  scaleY(0);
    transition:  all 0.3s ease-out;
    -webkit-transition:  all 0.3s ease-out;
    -moz-transition:  all 0.3s ease-out;
    margin-top:  0px;
    border:  0px;
    box-shadow:  0 0 15px rgba(26,  26,  26,  0.15);
    -webkit-box-shadow:  0 0 15px rgba(26,  26,  26,  0.15);
    -moz-box-shadow:  0 0 15px rgba(26,  26,  26,  0.15);
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
}
.darkMode header #menu > li:hover .dropdown-menu  {
    opacity:  1;
    display:  block;
    transform:  scaleY(1);
    -webkit-transform:  scaleY(1);
    -moz-transform:  scaleY(1);
}
.darkMode .mainBanner  {
    padding:  140px 0 0;
    margin:  0px;
    position:  relative;
    min-height:  800px;
    background:  url("../instagramvideomaker/Hero_BG.png") 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #1B1B1B;
}
.darkMode .mainBanner .container  {
    position:  relative;
    z-index:  3;
}
.darkMode .mainBanner h1  {
    font-size:  46px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    line-height:  1.25;
    margin:  80px 0 25px;
    color: #fff;
    text-align:  left;
}
.darkMode .mainBanner h1 span  {
    background:  -webkit-gradient(linear,  left top,  right top,  from(#43EAE4),  color-stop(#2A8BFF),  color-stop(#CE5193),  to(#EF3297));
    background:  linear-gradient(to right,  #5DBAFF,  #FFA5CB,  #DB537F,  #615AD3);
    -webkit-background-clip:  text;
    background-clip:  text;
    -webkit-text-fill-color:  transparent;
    -moz-text-fill-color:  transparent;
    -o-text-fill-color:  transparent;
    display:  -webkit-inline-box;
    display:  -ms-inline-flexbox;
    display:  inline-flex;
    clear:  both;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
}
.darkMode .mainBanner .head_desc {
    font-size:  18px;
    text-align:  left;
    color: #C7C7C7;
    font:  normal normal normal 18px/28px Open Sans;
}
.darkMode .mainBanner p  {
    font-size:  1.125rem;
    line-height:  28px;
    margin-bottom:  50px;
}
.free {
    color:  #898989;
    text-align:  center;
    font-size:  15px !important;
    margin-top:  10px;
    max-width:  382px;
}
.darkMode .mainBanner p a  {
    padding:  15px 24px;
    display:  block;
    max-width:  382px;
    text-align:  left;
    border-radius:  180px;
    position:  relative;
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
    cursor:  pointer;
    font-family:  'Poppins',  sans-serif;
}
.darkMode .mainBanner p a:before  {
    content:  '';
    z-index:  1;
    position:  absolute;
    display:  block;
    width:  100%;
    height:  70%;
    top:  15%;
    left:  0;
    transition:  0.3s opacity ease-in-out;
    filter:  blur(5px);
    opacity:  0;
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
}
.darkMode .mainBanner p a:hover:before  {
    opacity: 1;
    transition:  0.3s opacity ease-in-out;
    filter: blur(25px);
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
}
.video_creator p a:hover,  .steve_style p a:hover, .darkMode .stock_ai_assets a:hover, .steve_style p a:hover, .gradBtn:hover  {
    transform:  translateY(-2px) !important;
    -webkit-transform:  translateY(-2px) !important;
    text-decoration:  none !important;
}
.darkMode .mainBanner p a:after  {
    content:  'Make an Explainer video!';
    text-align:  center;
    line-height:  45px;
    font-size:  18px;
    color:  rgba(235, 235, 235, 1);
    font-weight:  bold;
    z-index:  5;
    position:  absolute;
    display:  block;
    border-radius:  25px;
    width:  97%;
    height:  85%;
    top:  8%;
    left:  6px;
    font-family:  'Poppins',  sans-serif;
    background-color:  rgb(19,  20,  22);
}
.darkMode .mainBanner .graphics  {
    position:  absolute;
    z-index:  0;
    right:  -30px;
    top:  0px;
    max-height:  700px;
    -o-object-fit:  none;
    object-fit:  none;
    -o-object-position:  top left;
    object-position:  top left;
    -webkit-transform:  translate(5%,  30%) scale(1.3);
    transform:  translate(5%,  30%) scale(1.3);
}
.darkMode .mainBanner .moveDown  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    padding-top:  30px;
}
.darkMode .mainBanner .moveDown img  {
    height:  20px;
    width:  auto;
}
.darkMode .mainBanner .moveDown img:nth-child(1)  {
    -webkit-animation-name:  moveArrow;
    animation-name:  moveArrow;
    -webkit-animation-duration:  1.4s;
    animation-duration:  1.4s;
    -webkit-animation-iteration-count:  infinite;
    animation-iteration-count:  infinite;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
    -webkit-animation-delay:  0.4s;
    animation-delay:  0.4s;
}
.darkMode .mainBanner .moveDown img:nth-child(2)  {
    -webkit-animation-name:  moveArrow;
    animation-name:  moveArrow;
    -webkit-animation-duration:  1.4s;
    animation-duration:  1.4s;
    -webkit-animation-delay:  0.2s;
    animation-delay:  0.2s;
    -webkit-animation-iteration-count:  infinite;
    animation-iteration-count:  infinite;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
}
.darkMode .mainBanner .moveDown img:nth-child(3)  {
    -webkit-animation-name:  moveArrow;
    animation-name:  moveArrow;
    -webkit-animation-duration:  1.4s;
    animation-duration:  1.4s;
    -webkit-animation-iteration-count:  infinite;
    animation-iteration-count:  infinite;
    -webkit-animation-timing-function:  ease-in-out;
    animation-timing-function:  ease-in-out;
}
@keyframes moveArrow  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0px) scale(1);
    transform:  translateY(0px) scale(1);
}
25%  {
    opacity:  0;
    -webkit-transform:  translateY(10px) scale(0.9);
    transform:  translateY(10px) scale(0.9);
}
26%  {
    opacity:  0;
    -webkit-transform:  translateY(-10px) scale(0.9);
    transform:  translateY(-10px) scale(0.9);
}
55%  {
    opacity:  1;
    -webkit-transform:  translateY(0px) scale(1);
    transform:  translateY(0px) scale(1);
}
}
@-webkit-keyframes moveArrow  {
    0%  {
    opacity:  1;
    -webkit-transform:  translateY(0px) scale(1);
    transform:  translateY(0px) scale(1);
}
25%  {
    opacity:  0;
    -webkit-transform:  translateY(10px) scale(0.9);
    transform:  translateY(10px) scale(0.9);
}
26%  {
    opacity:  0;
    -webkit-transform:  translateY(-10px) scale(0.9);
    transform:  translateY(-10px) scale(0.9);
}
55%  {
    opacity:  1;
    -webkit-transform:  translateY(0px) scale(1);
    transform:  translateY(0px) scale(1);
}
}
.clientlogos {
    padding: 140px 0;
}
.clientlogos h2 {
    text-align:  center;
    font:  normal normal 800 24px/30px Poppins;
    letter-spacing:  0px;
    color:  #000000;
    opacity:  1;
    margin-bottom: 50px;
}
.clientlogos img {
    width: 100%;
}
.darkMode .stock_ai_assets {
    padding: 100px 0;
    background:  #FAFAFA;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align:  center;
}
.darkMode .stock_ai_assets h2 {
    color:  #1A1A1A;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    font-size:  45px;
    margin:  15px 0;
    -webkit-font-smoothing:  antialiased;
    margin-bottom:  35px;
}
.darkMode .stock_ai_assets img {
    width: 75px;
}
.darkMode .stock_ai_assets p {
    font-size: 18px;
    color: #1A1A1A;
    line-height:  1.4;
    -webkit-font-smoothing:  antialiased;
    margin-bottom: 30px;
}
.darkMode .stock_ai_assets a {
    background:  transparent linear-gradient(100deg,  #33CCFF 0%,  #D499FF 100%) 0% 0% no-repeat padding-box;
    border-radius:  28px;
    display:  block;
    max-width:  380px;
    text-align:  center;
    padding:  14px 20px;
    line-height:  28px;
    font-size:  1.125rem;
    font-family:  Poppins, sans-serif;
    font-weight:  800;
    color:  #fff;
    border-radius:  30px;
    -webkit-border-radius:  30px;
    -moz-border-radius:  30px;
    box-shadow:  0 3px 6px rgb(0 0 0 / 29%);
    -webkit-box-shadow:  0 3px 6px rgb(0 0 0 / 29%);
    -moz-box-shadow:  0 3px 6px rgba(0, 0, 0, .29);
    margin: 0 auto;
}
.darkMode .pr30  {
    padding-right:  30px;
}
.darkMode .steve_style  {
    background:  #fff;
    padding:  100px 0;
}
.darkMode .steve_style .flex  {
    justify-content:  center;
    -webkit-box-align:  center;
    align-items:  center;
    flex-wrap:  wrap;
    margin-top:  50px;
}
.darkMode .steve_style .flex .graphics  {
    position:  relative;
}
.darkMode .steve_style .flex .graphics img, .darkMode .steve_video_creation .flex .graphics img  {
    width:  auto;
    height:  auto;
    max-width:  100%;
}
.steve_style ul {
    margin-left: 25px;
}
.steve_style ul li::before {
    content:  '';
    width:  8px;
    height:  8px;
    margin-right:  8px;
    display:  inline-block;
    background:  #60B5FF;
    border-radius:  50%;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    position:  absolute;
    left:  -20px;
    top:  13px;
}
.steve_style .bullets {
    width: 8px;
    height: 8px;
    background-color:  #DB537F;
}
.steve_style .stevelists {
    color:  #4C4C4C;
    font-size:  1.125rem;
    line-height:  28px;
    margin-bottom:  20px;
    font-family:  'Open Sans',  sans-serif;
    text-align:  left;
    position:  relative;
}
.darkMode .steve_style .flex .graphics button  {
    background:  #a37bff;
    width:  60px;
    height:  60px;
    border-radius:  50%;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    position:  absolute;
    top:  50%;
    left:  50%;
    margin:  -25px 0 0 -25px;
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    border:  0px;
    transition:  all 0.2s ease-out;
    -webkit-transition:  all 0.2s ease-out;
    -moz-transition:  all 0.2s ease-out;
}
.darkMode .steve_style .flex .graphics button:hover  {
    transform:  scale(1.1);
    -webkit-transform:  scale(1.1);
    -moz-transform:  scale(1.1);
    background:  #f7b0b0;
}
.darkMode .steve_style .flex .txt, .darkMode .steve_video_creation .flex .txt  {
    max-width:  49%;
    margin-left: 50px;
}
.darkMode .steve_style .flex .txt small, .darkMode .steve_video_creation .flex small  {
    font-size:  60px;
    display:  block;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    color:  #1A1A1A;
}
.darkMode .steve_style h2 {
    font-size: 50px;
    color: #1A1A1A;
    text-align:  center;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    margin-bottom: 20px;
}
.darkMode .steve_style p {
    font-size:  18px;
    font-family:  'Open Sans',  sans-serif;
    color: #4C4C4C;
    text-align:  center;
    line-height:  1.4;
}
.darkMode .steve_style .steve_video_card {
    width:  250px;
    margin:  0 10px;
    margin-bottom:  40px;
    background:  #FFFFFF 0% 0% no-repeat padding-box;
    border:  1px solid #E8E8E8;
    border-radius:  16px;
    opacity:  1;
    padding:  15px;
    text-align:  center;
    cursor:  pointer;
}
.steve_video_card h4 {
    font-size: 15px;
    color: #1D1D1D;
    font-weight: bold;
    margin: 10px 0;
    line-height:  1.4;
}
.steve_video_card a {
    font-size: 15px;
    color: #9D9D9D !important;
    cursor: pointer;
}
.darkMode .steve_style .steve_video_card p {
    font-size:  14px;
    font-family:  'Open Sans',  sans-serif;
    color:  #B3B3B3;
    text-align:  center;
    text-align:  center;
}
.darkMode .steve_style .steve_video_card:hover  {
    background:  #fff;
    box-shadow:  0px 3px 12px #0000001c;
    transform:  translateY(-6px) !important;
    -webkit-transform:  translateY(-6px) !important;
    text-decoration:  none !important;
}
.steve_video_card img {
    width: 100%;
}
.darkMode .steve_style .flex .txt h2, .darkMode .steve_video_creation .flex .txt h3  {
    font-size:  40px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    position:  relative;
    color: #1A1A1A;
    margin-bottom:  20px;
    text-align:  left;
}
.darkMode .steve_style .flex .txt h2 sup  {
    font-size:  1.125rem;
    position:  absolute;
    top:  30px;
}
.darkMode .steve_style .flex .txt p,  .darkMode .steve_video_creation .flex .txt p  {
    color:  #4C4C4C;
    font-size:  1.125rem;
    line-height:  28px;
    margin-bottom:  20px;
    max-width:  450px;
    margin-top:  20px;
    font-weight:  bold;
}
.darkMode .steve_video_creation .flex .txt span {
    color:  #fff;
    background:  #000;
    padding:  5px 18px;
    border-radius:  15px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  bold;
}
.darkMode .steve_style .flex .txt p:last-of-type  {
    margin-bottom:  0;
}
.darkMode .steve_style .flex .txt p a  {
    position:  relative;
    z-index:  1;
    padding:  0.5em 2em;
    display:  block;
    border-radius:  30px;
    -webkit-border-radius:  30px;
    -moz-border-radius:  30px;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    text-decoration:  none;
    text-align:  center;
    color: #898989;
    font-weight: bold;
    border:  1px solid #898989;
    border-radius:  28px;
    opacity:  1;
}
.cta_steve {
    max-width: 380px !important;
}
.steve_cta_container {
    padding: 150px 0;
    background:  url("../explainervideo/cta_container_bg.png") 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #1B1B1B;
}
.steve_cta_container h2 {
    font-size:  50px;
    color:  #fff;
    max-width:  900px;
    font-weight:  bold;
    text-align:  center;
    margin:  0 auto;
    line-height:  1.2;
    margin-bottom: 30px;
}
.steve_cta_container .desc {
    font-size:  18px;
    color:  #C7C7C7;
    text-align:  center;
    margin-bottom:  40px;
}
.steve_cta_container p a  {
    padding:  15px 24px;
    display:  block;
    max-width:  382px;
    text-align:  left;
    border-radius:  180px;
    position:  relative;
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
    cursor:  pointer;
    margin:  0 auto;
    font-family:  'Poppins',  sans-serif;
}
.steve_cta_container p a:before  {
    content:  '';
    z-index:  1;
    position:  absolute;
    display:  block;
    width:  100%;
    height:  70%;
    top:  15%;
    left:  0;
    transition:  0.3s opacity ease-in-out;
    filter:  blur(5px);
    opacity:  0;
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
}
.steve_cta_container p a:hover:before  {
    opacity: 1;
    transition:  0.3s opacity ease-in-out;
    filter: blur(25px);
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
}
.steve_cta_container p a:after  {
    content:  'Get started for free';
    text-align:  center;
    line-height:  47px;
    font-size:  18px;
    color:  rgba(235, 235, 235, 1);
    font-weight:  bold;
    z-index:  5;
    position:  absolute;
    display:  block;
    border-radius:  25px;
    width:  97%;
    height:  82%;
    top:  8%;
    left:  6px;
    font-family:  'Poppins',  sans-serif;
    background-color:  rgb(19,  20,  22);
}
.video_making {
    background:  #1A1A1A;
    padding: 100px 0;
}
.video_making h2 {
    font:  normal normal 800 45px/65px Poppins;
    letter-spacing:  0px;
    color:  #FFFFFF;
    opacity:  1;
    text-align:  center;
    max-width:  865px;
    margin:  0 auto;
}
.video_making .upload_slider {
    display: flex;
    align-items:  center;
    justify-content:  center;
    margin-top: 80px;
}
.video_making ul li h3 {
    text-align:  left;
    font:  normal normal 800 22px/30px Poppins;
    letter-spacing:  0px;
    color:  #3C3C3C;
    opacity:  1;
    margin-bottom: 50px;
    font-weight:  bold;
    padding-left: 15px;
    cursor:  pointer;
}
.video_making ul li p {
    text-align:  left;
    font:  normal normal normal 18px/28px Open Sans;
    letter-spacing:  0px;
    color:  #FFFFFF;
    opacity:  1;
    padding-left: 60px;
    margin-bottom: 30px;
    display:  none;
}
.video_making ul li p.active {
    display:  block;
}
.video_desc h3 {
    margin-bottom: 20px !important;
}
.progressbar_imagelist li {
    display: none;
}
.progressbar_imagelist li.active {
    display: block }
.progressbar_list li {
    position:  relative;
}
.video_making ul.progressbar_list li.active h3 {
    color: #fff;
}
.video_making ul.progressbar_list li.active::before {
    content:  "";
    position:  absolute;
    z-index:  2;
    left:  -13px;
    top:  8px;
    transform:  translateX(50%);
    border-radius:  50%;
    background:  #fff;
    border:  1px solid #fff;
    width:  14px;
    height:  14px;
    display:  none;
}
.video_creation_steps {
    padding: 100px 0;
    background:  url(../cartoonvideo/cta_container_bg.png) 0 0;
    background-size:  cover;
    background-repeat:  no-repeat;
    background-color:  #1B1B1B;
}
.video_creation_steps h2 {
    font-size: 50px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  bold;
    text-align:  center;
    max-width:  880px;
    margin:  0 auto 80px auto;
    color: #fff;
}
.video_creation_steps .row div {
    margin-bottom: 40px;
}
.video_creation_steps .step_title {
    font-size: 24px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  bold;
    margin-bottom:  15px;
    color: #fff;
    margin-top:  15px;
}
.video_creation_steps .step_desc {
    font-size: 15px;
    font-family:  'Open Sans',  sans-serif;
    color: #fff;
    line-height:  1.4;
}
.video_creation_steps .outer_div {
    width: 285px;
    margin: 0 auto;
}
.video_creation_steps .outer_div img  {
    width:  60px;
}
.steve_video_creation {
    padding: 100px 0;
    background: #fff;
}
.steve_video_creation h2 {
    font-size:  50px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  bold;
    margin-bottom:  15px;
    text-align:  center;
    max-width:  850px;
    margin:  0 auto;
    margin-bottom:  15px;
    color: #1D1D1D;
}
.steve_video_creation .videosteps {
    width: 45px;
}
.steve_video_creation .subtext {
    font-size: 18px;
    font-family:  'Open Sans',  sans-serif;
    color: #1D1D1D;
    text-align:  center;
    max-width:  850px;
    margin:  0 auto;
    line-height:  1.4;
}
.darkMode .steve_video_creation .flex .txt p {
    color: #1D1D1D;
    max-width: 400px;
}
.steve_video_creation .graphics {
    max-width:  49%;
}
.frequently_asked {
    padding:  60px 0px;
    background-color:  #fff;
}
.frequently_asked .frequently_header h2 {
    font-size:  50px;
    font-weight:  700;
    color:  #1D1D1D;
    text-align:  center;
}
.questions_block {
    padding:  40px 0px;
    width: 1000px;
    margin: 0 auto;
}
.questions_block .question1, .questions_block .question2, .questions_block .question3, .questions_block .question4, .questions_block .question5 {
    padding:  40px 22px 32px 22px;
    border-bottom: 1px solid #EBEBEB;
}
.questions_block .question1 p, .questions_block .question2 p, .questions_block .question3 p, .questions_block .question4 p, .questions_block .question5 p {
    display:  inline-block;
    font-size:  18px;
    color:  #4C4C4C;
    font-family:  'Open Sans',  sans-serif;
    padding-bottom:  10px;
}
.questions_block .question1 .add, .questions_block .question2 .add, .questions_block .question3 .add, .questions_block .question4 .add, .questions_block .question5 .add {
    float:  right;
    background-image:  url(https://dev-static.animaker.com/icons/add.svg);
    width: 25px;
    height:  25px;
    cursor:  pointer;
    opacity: 0.5;
}
.questions_block .question1 h4, .questions_block .question2 h4, .questions_block .question3 h4, .questions_block .question4 h4, .questions_block .question5 h4 {
    display:  none;
    font-size:  18px;
    color:  #4C4C4C;
    font-family:  'Open Sans',  sans-serif;
}
.questions_block .active_question {
    background-color:  #F4F4F4;
    box-shadow:  0px 3px 6px #0000001A;
    border-radius:  4px;
    opacity:  1;
}
.questions_block .active_question .add {
    background-image:  url(https://dev-static.animaker.com/icons/close.svg);
}
.questions_block .active_question p {
    font-weight:  700;
}
.questions {
    cursor: pointer;
}
.questions_block .question1 h4,  .questions_block .question2 h4,  .questions_block .question3 h4,  .questions_block .question4 h4,  .questions_block .question5 h4 {
    line-height: 1.5;
}
.darkMode .steve_video_creation .flex {
    margin-top: 30px;
    align-items:  center;
    justify-content:  space-between;
}
#section-8 {
    padding: 100px 0;
    background:  #FAFAFA;
}
#section-8 .col {
    flex-basis: auto;
}
.card-section {
    margin:  auto;
    max-width:  950px;
}
.card-section .card {
    text-align:  center;
    padding:  30px;
    box-shadow:  0px 0px 6px #00000015;
    border-radius:  15px;
    border:  none;
    height:  400px;
}
.card .gx-0 > * {
    display:  flex;
    justify-content:  center;
    flex-direction:  column;
}
.card .gx-0 > div:first-child {
    align-items:  center;
}
.card-section article {
    text-align:  center;
    margin:  40px 0 0 0;
    font:  normal normal normal 15px/26px 'Open Sans',  'sans-serif';
    letter-spacing:  0px;
    color:  #54536C;
}
.card-section h4 {
    letter-spacing:  0px;
    color:  var(--text-color-2);
    text-align:  center;
    margin:  20px 0;
    font-size:  17px;
    font-family:  'Poppins',  sans-serif;
    font-weight:  bold;
}
.card-section .card-image {
    max-width:  101px;
    border-radius:  50%;
    position:  absolute;
    top:  -70px;
}
.card-section span {
    font:  var(--lato-regular-12px);
    letter-spacing:  0px;
    color:  var(--text-color-2);
    position:  absolute;
    left: 40%;
}
.card-section span.play-button {
    left:  0;
}
.swiper-slide video {
    border-radius:  10px;
    width:  100%;
    height:  100%;
}
.card-section #language-slider > .swiper-slide.swiper-slide-visible.swiper-slide-active video {
}
.swiper-slide {
    top:  100px;
    position:  relative;
    cursor:  pointer;
}
.quote-image  {
    width:  100%;
    max-width:  38px;
    margin:  18px auto 0 auto;
}
.swiper  {
    height:  600px;
}
.swiper-button-prev,  .swiper-button-next {
    display:  inline-flex;
    position:  initial;
    margin:  0 20px;
}
.swiper-button-prev:after, .swiper-button-next:after {
    content:  '';
}
.attractive_videos {
    padding: 120px 0 ;
    background: transparent linear-gradient(180deg, #1F0512 0%, #142B36 61%, #1F0512 100%) 0% 0% no-repeat padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #1B1B1B;
}
.attractive_videos h2 {
    font-size:  50px;
    color: #fff;
    text-align:  center;
    font-weight: bold;
}
.attractive_videos .stevelists {
    color:  #FFFFFF;
    font-size:  1.125rem;
    line-height:  28px;
    margin-bottom:  20px;
    font-family:  'Open Sans',  sans-serif;
    text-align:  left;
    position:  relative;
}
.attractive_videos .strategy {
    width:  240px;
    margin:  0 10px;
    text-align:  center;
    background:  rgba( 251,  249,  249,  0.15 );
    backdrop-filter:  blur( 14.5px );
    -webkit-backdrop-filter:  blur( 14.5px );
    border-radius:  10px;
    border:  1px solid #fff;
    padding:  25px;
}
.attractive_videos .strategy img {
    width: 80px;
}
.attractive_videos .strategy h4 {
    font-size:  24px;
    color: #FFFFFF;
    margin:  20px 0;
    font-weight: bold;
}
.attractive_videos .strategy p {
    font-size:  15px;
    color: #fff;
    font-family:  'Open Sans',  sans-serif;
    line-height:  1.4;
}
.darkMode .attractive_videos .flex {
    margin-top:  70px;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  center;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  inherit;
}
.darkMode .attractive_videos .graphics img {
    width:  auto;
    height:  auto;
    max-width:  100%;
}
.darkMode .attractive_videos .flex .txt {
    max-width:  400px;
    margin-left:  50px }
.darkMode .attractive_videos p a {
    padding:  15px 24px;
    display:  block;
    max-width:  420px;
    text-align:  left;
    border-radius:  180px;
    position:  relative;
    background:  linear-gradient( 60deg,  #33CCFF, #D499FF);
    cursor:  pointer;
    font-family:  'Poppins',  sans-serif;
}
.darkMode .attractive_videos p a:before  {
    content:  '';
    z-index:  1;
    position:  absolute;
    display:  block;
    width:  100%;
    height:  70%;
    top:  15%;
    left:  0;
    transition:  0.3s opacity ease-in-out;
    filter:  blur(5px);
    opacity:  0;
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
}
.darkMode .attractive_videos p a:hover:before  {
    opacity: 1;
    transition:  0.3s opacity ease-in-out;
    filter: blur(25px);
    background:  linear-gradient(60deg,  #33CCFF, #D499FF);
}
.darkMode .attractive_videos p a:after  {
    content:  'Start Creating Your First Video';
    text-align:  center;
    line-height:  40px;
    font-size:  18px;
    color:  rgba(235, 235, 235, 1);
    font-weight:  bold;
    z-index:  5;
    position:  absolute;
    display:  block;
    border-radius:  25px;
    width:  97%;
    height:  85%;
    top:  8%;
    left:  6px;
    font-family:  'Poppins',  sans-serif;
    background-color:  rgb(19,  20,  22);
}
.attractive_videos .cta_steve {
    margin-top: 40px;
}
.darkMode .img {
    width: 49%;
}
.darkMode .img img {
    width: 100%;
}
.darkMode .cta  {
    padding:  140px 0;
    background:  #1a1a1a;
    position:  relative;
    overflow:  hidden;
}
.darkMode .cta h5  {
    font-size:  3.875rem;
    line-height:  1.3;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
    color:  #fff;
    margin-bottom:  25px;
}
.darkMode .cta h5 span  {
    background:  -webkit-gradient(linear,  left top,  right top,  from(#43EAE4),  color-stop(#2A8BFF),  color-stop(#CE5193),  to(#EF3297));
    background:  linear-gradient(to right,  #43EAE4,  #2A8BFF,  #CE5193,  #EF3297);
    -webkit-background-clip:  text;
    background-clip:  text;
    -webkit-text-fill-color:  transparent;
    -moz-text-fill-color:  transparent;
    -o-text-fill-color:  transparent;
    font-family:  'Poppins',  sans-serif;
    font-weight:  800;
}
.darkMode .cta p  {
    margin-bottom:  15px;
    max-width:  380px;
    text-align:  center;
    font-size:  0.75rem;
    line-height:  1.3;
    color:  #fff;
}
.darkMode .cta p a  {
    margin-bottom:  10px;
}
.darkMode .cta p small  {
    opacity:  .6;
}
.darkMode .cta .graphics  {
    position:  absolute;
    z-index:  0;
    right:  0px;
    top:  0px;
    max-height:  700px;
    -o-object-fit:  none;
    object-fit:  none;
    -o-object-position:  top left;
    object-position:  top left;
}
.darkMode .cta.features .graphics  {
    right:  0px;
}
.mainBanner  {
    margin:  170px 0 0;
    position:  relative;
    min-height:  700px;
    overflow:  hidden;
}
.mainBanner .container  {
    position:  relative;
    z-index:  3;
}
.mainBanner .graphics  {
    position:  absolute;
    z-index:  0;
    right:  -30px;
    top:  0px;
    max-height:  700px;
    -o-object-fit:  none;
    object-fit:  none;
    -o-object-position:  top left;
    object-position:  top left;
}
.explore-section  {
    margin:  70px auto auto auto;
}
.explore-section-right {
    position:  relative;
    border-radius:  15px;
}
.explore-section .nav.flex-column.hide-md {
    padding-right:  100px;
}
.sound-line-bg {
    background-repeat:  no-repeat;
    background-size:  100%;
    height:  140px;
    width:  500px;
    position:  absolute;
    animation-duration:  5s;
    animation-iteration-count: infinite;
}
.sound-line-bg.top {
    background-position:  0 0;
    top:  0;
    left:  0;
}
.sound-line-bg.bottom {
    background-position:  200px 0px;
    bottom: 0;
    right:  0;
}
div#expolre-section-video  {
}
video#explore-video-list  {
    border-radius:  15px;
}
#section-4 .row.explore-list > div:nth-child(1) {
    justify-content:  flex-start;
    align-items: end;
}
#section-4 .row.explore-list > div:nth-child(2) {
    align-items:  baseline;
    padding-bottom:  15px;
}
.explore-list h3 {
    margin-top:  7px;
}
.explore-section ul li {
    cursor:  pointer;
}
progress  {
    border-radius:  7px;
    height:  1px;
    margin-top:  20px;
    width:  100%;
}
progress::-webkit-progress-bar  {
    border-radius:  7px;
    background-color:  #EDEDED;
    transition:  width 1s linear;
}
.explore-section ul li.active progress::-webkit-progress-value {
    background-color:  #60B5FF;
    border-radius:  7px;
    height:  3px;
    position:  relative;
    top:  -1px;
    transition:  width 1s linear;
}
.explore-section ul li.active progress::-moz-progress-bar  {
    background-color:  #60B5FF;
    border-radius:  7px;
    height:  3px;
    position:  relative;
    top:  -1px;
    transition:  width 1s linear;
}
article  {
    color:  #fff;
    margin-top:  0;
    max-width:  443px;
    font-size:  18px;
    line-height:  1.4;
    margin-top:  20px;
}
footer  {
    padding:  80px 0 40px;
}
footer .logo a  {
    display:  inline-block;
    margin-bottom:  15px;
}
footer .title  {
    font-size:  1.5rem;
    line-height:  1.6;
    font-family:  'Poppins',  sans-serif;
    font-weight:  600;
}
footer .flex  {
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    -webkit-box-align:  end;
    -ms-flex-align:  end;
    align-items:  flex-end;
}
footer .col1 p  {
    font-size:  1.125rem;
    line-height:  1.3;
    font-family:  'Poppins',  sans-serif;
    font-weight:  600;
}
footer .col1 p span  {
    display:  block;
    color:  #F1821E;
    font-size:  1.125rem;
    line-height:  1.3;
    font-family:  'Poppins',  sans-serif;
    font-weight:  600;
}
footer small  {
    font-size:  0.75rem;
    line-height:  1.2;
    color:  #AFAFAF;
}
footer .col2  {
    width:  200px;
}
footer .col2 p  {
    font-size:  0.9375rem;
    line-height:  1.6;
}
footer .col2 p a  {
    color:  #1A1A1A;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
footer .col2 p a:hover  {
    color:  #F1821E;
    text-decoration:  none;
}
footer .socialIcon  {
    margin-top:  20px;
}
footer .socialIcon ul  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  flex-start;
    margin-left:  -9px;
}
footer .socialIcon ul a  {
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    width:  28px;
    height:  28px;
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    border-radius:  50%;
    -webkit-border-radius:  50%;
    -moz-border-radius:  50%;
    overflow:  hidden;
    position:  relative;
}
footer .socialIcon ul a:before  {
    content:  '';
    width:  100%;
    height:  100%;
    border:  0px;
    background:  rgba(26,  26,  26,  0.1);
    position:  absolute;
    transform:  scale(0);
    -webkit-transform:  scale(0);
    -moz-transform:  scale(0);
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
footer .socialIcon ul a img  {
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    opacity:  .5;
    position:  relative;
    z-index:  2;
}
.facebook_footer:hover {
    background:  url(https://www.steve.ai/assets/img/facebook_hover.svg);
}
.youtube_footer:hover {
    background:  url(https://www.steve.ai/assets/img/youtube_hover.svg) }
.twitter_footer:hover {
    background:  url(https://www.steve.ai/assets/img/twitter_hover.svg) }
.instagram_footer:hover {
    background:  url(https://www.steve.ai/assets/img/instagram_hover.svg) }
.linkedin_footer:hover {
    background:  url(https://www.steve.ai/assets/img/linkedin_hover.svg) }
.socialIcon li a:hover img {
    display:  none;
}
footer h6  {
    margin:  40px 0 10px;
    font-size:  1.125rem;
    line-height:  1.6;
    font-family:  'Poppins',  sans-serif;
    font-weight:  600;
}
footer .company  {
    display:  -webkit-box;
    display:  -ms-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  justify;
    -ms-flex-pack:  justify;
    justify-content:  space-between;
    max-width:  650px;
}
footer .company li a  {
    font-size:  1rem;
    line-height:  1.2;
    color:  #1A1A1A;
    display:  block;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
footer .company li a:hover  {
    color:  #F1821E;
    text-decoration:  none;
}
footer hr {
    border-top:  1px solid #d0c6c6;
    margin-top:  30px;
}
footer .caption {
    color: #8E8E8E;
    font-size: 18px;
    font-family:  'Open Sans',  sans-serif;
}
@media screen and (max-width: 1200px)  {
    .questions_block {
    width: 700px;
}
}
@media screen and (max-width: 992px)  {
    header .navbar-toggler  {
    display:  block;
    position:  relative;
    width:  40px;
    height:  40px;
    border:  0px;
    margin-right:  -7px;
    background:  none;
}
header .navbar-toggler:hover,  header .navbar-toggler:focus  {
    outline:  0px;
}
header .navbar-toggler span  {
    position:  absolute;
    width:  24px;
    left:  50%;
    top:  50%;
    -webkit-transform:  translate(-50%,  -50%);
    transform:  translate(-50%,  -50%);
    height:  2px;
    background:  none;
    display:  block;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
header .navbar-toggler span:before  {
    content:  '';
    width:  100%;
    height:  2px;
    background:  #1a1a1a;
    -webkit-transform:  translate(-50%,  -50%) rotate(45deg);
    transform:  translate(-50%,  -50%) rotate(45deg);
    margin-top:  0px;
    left:  50%;
    position:  absolute;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
header .navbar-toggler span:after  {
    content:  '';
    width:  100%;
    height:  2px;
    background:  #1a1a1a;
    -webkit-transform:  translate(-50%,  -50%) rotate(-45deg);
    transform:  translate(-50%,  -50%) rotate(-45deg);
    margin-top:  0px;
    left:  50%;
    position:  absolute;
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
}
header .navbar-toggler.collapsed span  {
    background:  #1a1a1a;
}
header .navbar-toggler.collapsed span:before  {
    margin-top:  -8px;
    -webkit-transform:  translate(-50%,  -50%) rotate(0deg);
    transform:  translate(-50%,  -50%) rotate(0deg);
}
header .navbar-toggler.collapsed span:after  {
    margin-top:  10px;
    -webkit-transform:  translate(-50%,  -50%) rotate(0deg);
    transform:  translate(-50%,  -50%) rotate(0deg);
}
header #menu  {
    position:  fixed;
    background:  rgba(26,  26,  26,  0.8);
    left:  0px;
    top:  0%;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    padding:  50px 20px 20px;
    height:  100vh;
    width:  240px;
    transform:  translateX(-130%);
    -webkit-transform:  translateX(-130%);
    -moz-transform:  translateX(-130%);
    transition:  all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    -moz-transition:  all 0.3s linear;
    box-shadow:  5px 0px 20px rgba(26,  26,  26,  0.15);
    -webkit-box-shadow:  5px 0px 20px rgba(26,  26,  26,  0.15);
    -moz-box-shadow:  5px 0px 20px rgba(26,  26,  26,  0.15);
    overflow-y:  auto;
    height:  100vh !important;
}
header #menu li  {
    width:  100%;
    border-bottom:  1px dotted rgba(255,  255,  255,  0.3);
}
header #menu li:last-of-type  {
    border-bottom:  0px;
    padding:  20px 0 0;
}
header #menu li .dropdown-menu  {
    position:  static;
    opacity:  1;
    transform:  scaleY(1);
    -webkit-transform:  scaleY(1);
    -moz-transform:  scaleY(1);
    background:  none;
    box-shadow:  0 0 0 0;
    -webkit-box-shadow:  0 0 0 0;
    -moz-box-shadow:  0 0 0 0;
    padding:  0 0 10px 20px;
    margin-top:  -15px;
}
header #menu li .dropdown-menu a  {
    color:  #fff;
}
header #menu li a  {
    padding:  20px 0px;
    color:  #fff;
}
header #menu li a span  {
    display:  none;
}
header #menu li a:hover  {
    color:  #F1821E;
    text-decoration:  none;
}
header #menu li a.signup  {
    width:  100%;
    height:  auto;
    margin-left:  0px;
    text-align:  center;
}
header #menu li a.signup:hover  {
    color:  #fff;
    text-decoration:  underline;
}
header #menu li a.dropdown:after  {
    display:  none;
}
header #menu.in  {
    transform:  translateX(0%);
    -webkit-transform:  translateX(0%);
    -moz-transform:  translateX(0%);
}
header.scrolled .navbar-toggler.collapsed span  {
    background:  #1a1a1a;
}
header.scrolled .navbar-toggler.collapsed span:after,  header.scrolled .navbar-toggler.collapsed span:before  {
    background:  #1a1a1a;
}
header.scrolled .navbar-toggler span  {
    background:  none;
}
header.scrolled .navbar-toggler span:after,  header.scrolled .navbar-toggler span:before  {
    background:  #1a1a1a;
}
header.scrolled #menu > li a  {
    color:  #fff;
}
.steve_style .flex, .darkMode .steve_video_creation .flex, .darkMode .attractive_videos .flex  {
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
.steve_style .flex .graphics  {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2;
    max-width:  420px;
    margin:  50px auto 0;
}
.steve_style .flex .txt  {
    max-width:  100%;
    text-align:  center;
}
.darkMode .steve_story {
    height: 100%;
}
.darkMode .steve_story .flex  {
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
.darkMode .img  {
    -webkit-box-ordinal-group:  3;
    -ms-flex-order:  2;
    order:  2;
    width:  65%;
    margin:  50px auto 0;
}
.darkMode .steve_story .contents  {
    width:  60%;
    text-align:  center;
    margin: 0 auto;
}
.darkMode header #menu  {
    background:  #1a1a1a;
}
.darkMode header #menu > li a  {
    padding:  20px 0px;
}
.darkMode header #menu > li .dropdown-menu  {
    position:  static;
    opacity:  1;
    transform:  scaleY(1);
    -webkit-transform:  scaleY(1);
    -moz-transform:  scaleY(1);
    background:  none;
    padding:  0 0 10px 20px;
    margin-top:  -15px;
}
.darkMode header #menu > li .dropdown-menu a  {
    color:  #fff;
}
.darkMode header #menu > li .dropdown-menu a:hover  {
    color:  #F1821E;
}
.darkMode header .navbar-toggler  {
    display:  block;
}
.darkMode header .navbar-toggler span  {
    background:  none;
}
.darkMode header .navbar-toggler span:before,  .darkMode header .navbar-toggler span:after  {
    background:  #fff;
}
.darkMode header .navbar-toggler.collapsed span  {
    background:  #fff;
}
.darkMode header.scrolled .navbar-toggler span  {
    background:  none;
}
.darkMode header.scrolled .navbar-toggler span:before,  .darkMode header.scrolled .navbar-toggler span:after  {
    background:  #fff;
}
.darkMode header.scrolled .navbar-toggler.collapsed span  {
    background:  #fff;
}
.darkMode .steve_style {
    padding: 70px 0;
}
.darkMode .steve_style .flex .txt, .darkMode .steve_video_creation .flex .txt, .darkMode .attractive_videos .flex .txt {
    max-width:  100%;
    margin-left: 0;
}
.darkMode .steve_style .flex .txt h2 {
    text-align:  center;
}
.questions_block {
    width: 100%;
}
}
@media screen and (max-width: 767px)  {
    .container  {
    width:  600px;
}
.mainBanner  {
    min-height:  550px;
}
.mainBanner h1  {
    font-size:  3rem;
    line-height:  1.2;
    text-align:  center;
    margin-top:  0;
}
.mainBanner p  {
    text-align:  center;
}
.mainBanner a  {
    margin:  0 auto;
}
.mainBanner .graphics  {
    max-height:  400px;
    -o-object-fit:  cover;
    object-fit:  cover;
    top:  inherit;
    bottom:  0;
    opacity:  .2;
}
.mainBanner.features h1  {
    margin-top:  100px;
}
.darkMode .steve_style  {
    padding:  70px 0;
}
.darkMode .steve_style .flex .txt small  {
    font-size:  1.5rem;
}
.darkMode .steve_style .flex .txt h2  {
    font-size:  3.5rem;
}
.darkMode .steve_style .flex .txt h2 sup  {
    top:  5px;
    font-size:  0.875rem;
}
.darkMode .steve_style .flex .txt p  {
    line-height:  1.6;
}
.darkMode .steve_style .flex .txt p a  {
    text-decoration:  underline;
}
.darkMode .steve_style .flex .txt p a:hover  {
    color:  #F1821E;
}
.darkMode .mainBanner h1  {
    font-size:  5rem;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    margin:  0 0 25px;
}
.darkMode .mainBanner h1 span  {
    padding:  0px;
}
.darkMode .mainBanner .graphics  {
    opacity:  1;
    max-width:  100%;
    width:  auto;
    height:  auto;
    top:  50px;
    max-height:  400px;
    -o-object-fit:  cover;
    object-fit:  cover;
}
.darkMode .mainBanner .moveDown  {
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
}
.darkMode .cta  {
    text-align:  center;
}
.darkMode .cta .graphics  {
    display:  none;
}
.darkMode .cta h5  {
    font-size:  3rem;
}
.darkMode .cta p  {
    margin:  0 auto;
}
.questions_block .question1 h4,  .questions_block .question2 h4,  .questions_block .question3 h4,  .questions_block .question4 h4,  .questions_block .question5 h4 {
    font-size:  16px;
}
.darkMode .steve_video_creation .flex .txt h3 {
    font-size:  24px;
    text-align:  center;
}
.darkMode .steve_video_creation .flex .txt p {
    text-align:  center;
}
.steve_video_creation .graphics, .steve_video_creation .txt {
    max-width: 100%;
}
.steve_video_creation {
    text-align:  center;
}
.darkMode .steve_video_creation .flex {
    justify-content:  center;
}
.mobview {
    flex-direction:  column-reverse;
}
.video_making, .video_creation_needs, #section-8, .video_creator {
    padding: 70px 0;
}
.video_making h2 {
    font:  normal normal 800 35px/45px Poppins;
}
.video_making ul li h3 {
    font:  normal normal 800 24px/30px Poppins;
    width: 300px;
}
.video_making .upload_slider {
    display:  block;
}
.clientlogos, .darkMode .stock_ai_assets, .steve_video_creation, .video_creation_steps {
    padding: 70px 0;
}
}
@media screen and (max-width: 640px)  {
    .darkMode .steve_story .contents, .darkMode .img {
    width: 100%;
}
.darkMode .stock_ai_assets {
    background-size:  cover;
    height: 100%;
}
.darkMode .stock_ai_assets h2 {
    font-size:  27px;
}
.darkMode .mainBanner br {
    display: none;
}
.darkMode .mainBanner h1, .darkMode .steve_style .flex .txt h2, .steve_cta_container h2, .video_creation_steps h2, .steve_video_creation h2, .frequently_asked .frequently_header h2, .attractive_videos h2 {
    font-size: 30px;
    text-align:  center;
}
.steve_video_creation h2 {
    font-size:  27px;
}
.darkMode .mainBanner {
    padding: 100px 0;
}
.darkMode .steve_style h2, .darkMode .steve_story h2 {
    font-size:  27px;
}
.darkMode .mainBanner .head_desc, .video_creation_steps .row div {
    text-align:  center;
}
.attractive_videos ul {
    padding-left: 40px;
}
.explore-section .nav.flex-column.hide-md {
    padding-right: 0;
}
#expolre-section-video img {
    width: 100%;
}
}
@media screen and (max-width: 630px)  {
    .container  {
    width:  100%;
}
}
@media screen and (max-width: 579px)  {
    .darkMode .mainBanner {
    min-height: 100%;
}
.mainBanner h1  {
    font-size:  2.5rem;
}
.mainBanner h1 span  {
    font-size:  2.5rem;
}
.features h3  {
    font-size:  2.25rem;
}
.features .desc h4  {
    font-size:  1.875rem;
}
.growthTool .flex .col p  {
    font-size:  1.625rem;
}
.growthTool .flex .col p span  {
    font-size:  1.625rem;
}
.integration h5  {
    font-size:  2.25rem;
}
.bTob h5  {
    font-size:  2.25rem;
}
footer  {
    padding-bottom:  20px;
}
footer .flex  {
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
footer .flex .col1  {
    width:  100%;
    margin-bottom:  15px;
}
footer .flex .col2  {
    width:  100%;
}
footer .flex .socialIcon ul  {
    display:  -webkit-inline-box;
    display:  -ms-inline-flexbox;
    display:  inline-flex;
}
footer .company  {
    -webkit-box-pack:  start;
    -ms-flex-pack:  start;
    justify-content:  flex-start;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}
footer .company li  {
    min-width:  100px;
    margin-bottom:  15px;
}
.darkMode .mainBanner h1 span  {
    font-size:  inherit;
}
.darkMode .cta h5  {
    font-size:  1.875rem;
}
.questions_block .question1 p,  .questions_block .question2 p,  .questions_block .question3 p,  .questions_block .question4 p,  .questions_block .question5 p {
    white-space:  break-spaces;
    line-height:  1.4;
}
.questions_block .question1 .add,  .questions_block .question2 .add,  .questions_block .question3 .add,  .questions_block .question4 .add,  .questions_block .question5 .add {
    position: absolute;
    right: 15px;
}

.faceless-creators-section .stats {
  width: auto !important;
  gap: 10px;
}
}
.blog-resource {

  padding: 0px 0px 70px 0px;
  text-align: center;
}

.blog-resource .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.blog-resource h2 {
    font: normal normal 800 48px/60px Inter;
    margin-bottom: 32px;
}

.blog-resource a {
  text-decoration: none;
  color: inherit;
  margin-right: 10px;
}
.blog-resource .row{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.blog-resource .card {
  background: #fff;
  border-radius: 24px;
  border: none;
  overflow: hidden;
  max-width: 350px;
  transition: transform 0.3s;
  box-shadow: 0px 15px 35px rgba(124, 124, 124, 0.1019607843);

}

.blog-resource .card:hover {
   color: #A474EF;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: 0.5ms ease-in;
}

.blog-resource img {
  width: 100%;
  height: 180px;
  border-radius: 24px 24px 24px 24px;
}

.blog-resource h3 {
  height: 80px;
  padding: 15px 8px;
  font-size: 16px;
  font-weight: 500;
}

.channel-card {
  background: transparent
  linear-gradient(180deg, #1f0512 0%, #142b36 61%, #1f0512 100%) 0% 0%
  no-repeat padding-box;
  color: white;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
}
.channel-header {
  background: transparent
  linear-gradient(270deg, #1f0512 0%, #142b36 61%, #1f0512 100%) 0% 0%
  no-repeat padding-box;
  padding: 20px 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.channel-header img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.channel-header h5{
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-align: left;
}
.avatar-group img {
  width: 311px;
  height: 78px;


}
.channel-card {
  padding:30px 40px !important;
}
.channel-card .stats-box {
  
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  margin-top: 15px;
  border: 1px solid #555555db !important;
  font-family: 'Inter', sans-serif !important;
}
.value {
  font-size: 40px;
  font-weight: bold;
  font-family: 'Inter', sans-serif !important;
  
}
.sub-value{
  font-size: 24px;
  font-weight: medium;
}


@media only screen and (max-width: 768px) {
  .blog-resource h2 {
    font: normal normal 800 32px/42px Inter; 
}
.blog-resource {
  padding: 0px 20px 60px 20px;
}
.btn-blue-gradient{
    font-size: 1rem;
}

}


  .card-container {
      background-color: #f4f4f4;
      border-radius: 32px;
      padding: 0px 20px 40px 20px;
    }

    .custom-card {
      width: 324px;
      height: 421px;
      background-color: #fff;
      border-radius: 20px;
      padding: 14px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }

    .custom-card img {
      width: 296px;
      height: 205px;
      object-fit: cover;
      border-radius: 12px;
    }

    .custom-card h3 {
      font-size: 26px !important;
      line-height: 30px;
      margin-top: 15px;
      padding-block:4px ;
      font-weight:bolder;
    }

    .custom-card p {
      font-size: 18px;
      color: #333;
    }