* {
     font-family: "Inter", sans-serif;
}


button {
     background-color: transparent;
     border: none;
     padding: 0;
}

.df {
     display: flex;
}

.tac {
     text-align: center;
}

.jcc {
     justify-content: center;
}

.aic {
     align-items: center;
}

.fw {
     flex-wrap: wrap;
}

p {
     font-size: 14px;
}

a {
     text-decoration: none;
}

body::-webkit-scrollbar {
     width: 5px;
}

.container {
     max-width: 1300px !important;
}

body::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px grey;
     border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
     background: #F92C01;
     border-radius: 10px;
}
.banner_section .row.aic{
	align-items: end;
}
.header_banner {
     background-image: url("./img/banner_bg.png");
     background-repeat: repeat;
     background-size: 100%;
	 /* height:100vh; */
	 min-height: 690px;
     color: #fff;

     .navbar {
          padding: 30px 0;

          .collapse {
               justify-content: center;

               ul {
                    display: flex;
                    gap: 30px;
                    flex-wrap: wrap;

                    li {
                         a {
                              color: #fff;
                         }
                    }
               }
          }
     }

     .left_side {
          h3 {
               font-size: 52px;
			   font-family: "Plus Jakarta Sans", serif;
			   font-weight: 700;
			   margin-top: 100px;
			   line-height: 70px;
          }

          p {
               line-height: 27px;
               margin: 30px 0;
			   font-size: 16px;
          }
     }

     .right_side {
		/* position:absolute; */
		/* bottom:0px; */
		/* bottom: 11px; */
          img {
               width: 70%;
               margin: auto;
               display: flex;
          }
     }

     .pyf_dod_dc {
          display: flex;
          gap: 80px;
		  margin-top: 50px;

          img {
               width: 30px;
          }

          p {
				font-size: 20px;
				margin-top: 15px;
				line-height: 27px;
          }
     }
}

.voizout_exp {
     padding: 150px 0;

     h2 {
          font-size: 50px;
          font-weight: 700;
          text-align: center;

          span {
               color: #fff;
               background-color: #FF5A01;
               padding: 0 10px;
          }

          span:nth-child(1) {
               border-radius: 12px 12px 0px 12px;

          }

          span:nth-child(3) {
               border-radius: 0px 12px 12px 12px;

          }
     }

     .voizout_exp_cards {
          margin-top: 60px;
          row-gap: 30px;

          :where(.ve_card_1, .ve_card_2, .ve_card_3) {
               padding: 30px;
               border-radius: 40px;
               color: #fff;

               h6 {
                    margin-top: 20px;
					font-size: 28px;
               }

               P {
                    margin: 0;
					margin-bottom: 15px;
               }
          }

          .ve_card_1 {
               background-color: #70D0DC;
          }

          .ve_card_2 {
               background-color: #7562E0;
          }

          .ve_card_3 {
               background-color: #FA865F;
          }
     }
}

.laptop_girl {
     background-image: url("./img/laptop_girl_bg.png");
     background-repeat: no-repeat;
     background-size: cover;
}

.perfect_app {
     padding: 60px 0 0px 0px;

     h2 {
          font-size: 68px;
          font-weight: 700;

          span {
               color: #FF5A01;
          }
     }
}

.why_voizout {
     background-color: #F3BB7E;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     padding: 54px 60px;

     h2 {
          font-size: 72px;
          font-weight: 700;
          margin-bottom: 30px;
     }

     .wv_tabs {
          display: flex;
          justify-content: space-between;
          gap: 10px;
          margin-bottom: 18px;
          max-width: 1178px;
          overflow: hidden;
          overflow-x: unset;

          li {
               list-style: none;
               line-height: 48px;

          }
     }

     .wv_tabs a {
          text-decoration: none;
          cursor: pointer;
          font-size: 17px;
          color: #fff;
          border: 1px solid #182328;
          color: #182328;
          border-radius: 50px;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
          -ms-border-radius: 50px;
          -o-border-radius: 50px;
          height: 60px;
          display: block;
          border-radius: 50px;
          padding: 5px 45px;
          white-space: nowrap;
		  font-weight: 600;

          img {
               display: none;
          }
     }

     .wv_tab-content {
          display: none;

          img {
               width: 90%;
          }

     }

     .wv_tabs li {

          a.wv_active-tab {

               background-color: #182328;
               color: #fff;


               img {
                    display: inline-block;
               }
          }
     }

     .wv_active-content {
          display: inline-flex;
     }

     .wv_tab-content {


          h3 {
               color: #182328;
               font-size: 38px;
			   font-weight: 600;
          }

          p {
               line-height: 28px;
			   font-size: 17px;
          }
     }

     h4 {
          text-align: center;
          margin: 40px 0 90px 0;
          font-size: 46px;
          font-weight: 700;
     }

     .help_card {
          row-gap: 20px;

          .help_card_child_mid,
          .help_card_child {
               text-align: center;
               background-image: url("./img/help_card_child_bg.png");
               background-repeat: no-repeat;
               background-size: 100%;
               position: relative;
               height: 442px;
               padding: 0 46px;

               h6 {
                    background-image: url("./img/help_card_child_no.png");
                    background-repeat: no-repeat;
                    background-size: 100%;
                    width: 135px;
                    height: 135px;
                    margin: auto;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: absolute;
                    top: 0%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    font-size: 28px;
               }

               h5 {
                    padding-top: 124px;
                    padding-bottom: 10px;
					font-size: 24px;
					font-weight: 600;
               }

               p {
                    text-align: left;
                    font-size: 16px;
               }
          }

          .help_card_child_mid {
               background-image: url("./img/help_card_child_bg_mid.png");
               background-repeat: no-repeat;
               background-size: 100%;
               position: relative;
               height: 392px;
               padding: 0 46px;

               h6 {
                    bottom: -110%;
                    left: 50%;
                    transform: translate(-50%, -50%);
               }

               h5 {
                    padding-top: 75px;
               }

          }
     }
}

.explore_voizout {
     margin-top: 60px;

     h2 {
          text-align: center;
          font-size: 46px;
          font-weight: 700;
     }

     p {
          text-align: center;
          font-size: 16px;
          color: #797A7D;
     }

     .row {
          margin-top: 30px;

          .ev_card {
			   padding-bottom: 20px;
               img {
                    width: 60px;
               }

               h6 {
                    margin-top: 19px;
                    font-size: 20px;
                    font-weight: 600;
               }

               p {
                    line-height: 22px;
                    margin-top: 16px;
                    font-size: 16px;
                    text-align: left;
                    line-height: 28px;
                    color: #000;
					padding-right: 30px;
               }
          }
     }
}

.choose_your_plan {
     margin-top: 60px;

     h2 {
          text-align: center;
          font-size: 44px;
          font-weight: 800;
     }

     .row {
          margin-top: 35px;
          row-gap: 30px;

          .pricing_plan {
               border-radius: 20px;
               -webkit-border-radius: 20px;
               -moz-border-radius: 20px;
               -ms-border-radius: 20px;
               -o-border-radius: 20px;
               box-shadow: 0 0 6px 0 #ccc;
               padding: 35px 10px;


               h3 {
                    margin-top: 10px;
                    text-align: center;
                    font-size: 26px;
                    font-weight: 600;
               }

               .pricing_child {
                    margin: 0 26px;

                    .para {
                         margin-top: 22px;
                         min-height: 42px;


                    }

                    .price {
                         margin-top: 40px;
                         margin-bottom: 5px;
                         font-size: 52px;
                         font-weight: 700;
                         color: #170F49;

                         span {
                              font-size: 20px;
                              font-weight: 500;
                         }
                    }

                    .sec_head {
                         font-size: 18px;
                         color: #170F49;
                         font-weight: 600;
                    }

                    ul {
                         min-height: 200px;
                         list-style: none;
                         padding: 0;
                         line-height: 44px;

                         li {
                              display: flex;
                              align-items: center;
                              color: #170f49;
                              font-size: 17px;
                              gap: 6px;

                              svg {
                                   font-size: 22px;
								   color: #4a3aff;
                              }
							  
                         }
                    }


                    button {
                         background-color: #4A3AFF;
                         width: 100%;
                         border-radius: 50px;
                         -webkit-border-radius: 50px;
                         -moz-border-radius: 50px;
                         -ms-border-radius: 50px;
                         -o-border-radius: 50px;
                         color: #fff;
                         height: 67px;
                         font-size: 20px;
                    }
               }


          }

.pricing_plan.premium_plan svg {
   font-size: 22px;
   color: #ffffff !important;
}

          .premium_plan {
               border: 1px solid #4A3AFF;
               background-color: #4A3AFF;
               box-shadow: unset;
               color: #fff;

               .pricing_child {

                    li,
                    p {
                         color: #fff !important;
                    }

                    button {
                         background-color: #fff;
                         width: 100%;
                         border-radius: 50px;
                         -webkit-border-radius: 50px;
                         -moz-border-radius: 50px;
                         -ms-border-radius: 50px;
                         -o-border-radius: 50px;
                         color: #4A3AFF;
                         height: 67px;
                         font-size: 20px;
						 font-weight: 700;
                    }
               }
          }


     }
}

.mobile_accordian {
     background-color: #0039A4;
     margin-top: 200px;
     margin-bottom: 100px;
     padding: 30px 0;
     color: #fff;

     .ma_child {
          display: flex;
          justify-content: center;
     }

     .mobile_sec {
          position: relative;

          img {
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
          }
     }

     .md_tabs {
          li {
               list-style: none;
               line-height: 59px;
          }
     }

     .md_tabs a {
          text-decoration: none;
          cursor: pointer;
          font-size: 20px;
          color: #fff;

          img {
               /* display: none; */
          }
     }

     .md_tab-content {
          display: none;

     }

     .md_tabs a.active {
          color: #12AFDF;

          img {
               display: inline-block;
          }
     }

     .md_active-content {
          display: block;
     }

     .md_tab-content {

          h3 {
               color: #12AFDF;
               font-size: 36px;
          }
     }

     .acc_content {
          display: flex;
          justify-content: center;
     }
}

.best_feed_optimization {
     /* padding: 60px 0; */

     .bfo_child {
          margin: 0 200px;
          border-right: 1px solid #ccc;
          border-left: 1px solid #ccc;
          padding-left: 40px;
          padding-top: 80px;

          h2 {
               margin-top: 27px;
               font-size: 65px;
               font-weight: 800;
               margin-bottom: 0;
               padding-bottom: 50px;
          }

          p {
               margin: 97px 0 54px 0;
               line-height: 23px;
          }

          button {
               display: flex;
          }
     }

     .bc_bottom {
          padding-bottom: 50px;
          background-color: #EBF0FA;

          p {
               margin: 0px 0 54px 0;
			   font-size: 16px;
			   line-height: 30px;
          }
     }


}

hr {
     margin: 0;
}

footer {
     background-image: url("./img/footer_bg.png");
     color: #fff;
     background-repeat: no-repeat;
     background-size: cover;

     h6 {
          font-size: 22.9px;
          padding: 76px 0 69px 0;
     }

     h2 {
          font-size: 57.6px;
          font-weight: 600;

          span {
               color: #FF5A01;
          }
     }

     .store_place {
          display: flex;
          justify-content: flex-end;
          gap: 10px;
		  margin-left: auto;
     }

     .all_link,
     .content_store {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: end;
          width: 100%;

          a {
               color: #fff;
          }
     }
	 .store_place a{
		 display: flex;
         flex-wrap: wrap;
	 }
     .all_link {
          padding-top: 92px;
          padding-bottom: 54px;
          color: #A8A8A8;

          a {
               color: #A8A8A8;

          }

          p {
               margin: 0;
          }
     }
}

@media screen and (min-width:1920px) {
     .container {
          max-width: 1920px;
     }
}


@media screen and (max-width:1200px) {
     .header_banner {
          & .left_side {
               h3 {
                    font-size: 46px;
               }
          }
     }
}

@media screen and (max-width:1140px) {
     .why_voizout {
          & .help_card {

               & .help_card_child_mid,
               & .help_card_child {
                    h5 {
                         padding-top: 84px;
                    }

                    p {
                         font-size: 14px;
                    }
               }
          }
     }
}

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

     .header_banner {
          background-size: cover;

          & .left_side {
               h3 {
                    font-size: 35px;
               }

               p {
                    br {
                         display: none;
                    }
               }
          }

          .pyf_dod_dc {
               gap: 20px;
          }
     }

     .perfect_app {
          h2 {
               font-size: 48px;
          }
     }

     .why_voizout {
          .tabs a {
               font-size: 14px;
               height: 34px;
               padding: 0px 16px;
          }

          & .tabs {
               li {
                    list-style: none;
                    line-height: 34px;
               }
          }
     }

     .why_voizout {
          & .help_card {

               .help_card_child_mid,
               .help_card_child {
                    background-image: none;
                    background-color: #f6ebdc;
                    height: unset;
                    border-radius: 20px;
                    -webkit-border-radius: 20px;
                    -moz-border-radius: 20px;
                    -ms-border-radius: 20px;
                    -o-border-radius: 20px;
               }

          }
     }

     .why_voizout {
          & .help_card {
               & .help_card_child {
                    h6 {
                         position: unset;
                         transform: unset;
                         -webkit-transform: unset;
                         -moz-transform: unset;
                         -ms-transform: unset;
                         -o-transform: unset;
                    }
               }
          }
     }

     .why_voizout {
          & .help_card {
               .p-0 {
                    padding: 12px !important;
               }

               & .help_card_child_mid,
               & .help_card_child {
                    padding: 46px;

                    h5 {
                         padding-top: 25px;
                    }


               }
          }
     }

     .explore_voizout {
          h2 {
               font-size: 34px;

          }
     }

     .mobile_accordian {
          .mobile_sec {
               display: none;
          }
     }

     .best_feed_optimization {
          & .bc_bottom {
               p {
                    br {
                         display: none;
                    }
               }
          }
     }

     .best_feed_optimization {
          .bfo_child {
               padding: 40px;
          }
     }

     .best_feed_optimization {
          & .bfo_child {
               h2 {
                    font-size: 28px;
               }
          }
     }

     footer {
          .store_place {
               display: block;
               margin-top: 40px;
          }
     }

     footer {
          .all_link {
               gap: 40px;
          }
     }
}

@media screen and (max-width:767px) {
     .header_banner {
          & .right_side {
               img {
                    width: 50%;
               }
          }
     }

     .voizout_exp {
          h2 {
               font-size: 34px;
          }
     }

     .perfect_app {
          h2 {
               font-size: 35px;
               text-align: center;

               br {
                    display: none;
               }
          }

          img {
               width: 50%;
               margin: auto;
               display: flex;
          }
     }

     .why_voizout {
          & .tab-content {
               img {
                    width: 50%;
                    margin: auto;
                    display: flex;
               }
          }

          h2 {
               font-size: 32px;
          }

          h4 {
               margin: 0px 0 105px 0;
               font-size: 24px;
          }
     }

     .explore_voizout {
          h2 {
               font-size: 28px;

               br {
                    display: none;
               }
          }
     }

     .mobile_accordian {
          .ma_child {
               justify-content: start;

               .tabs {
                    display: flex;
                    gap: 20px;
                    width: 714px;
                    overflow: hidden;
                    overflow-x: auto;

                    a {
                         font-size: 16px;
                    }

                    li {
                         white-space: nowrap;
                    }
               }
          }
     }

     footer {
          text-align: center;
     }

     footer {
          h2 {
               margin: auto;
          }
     }

     footer {
          .all_link {
               justify-content: center;
          }
     }

}

@media screen and (max-width:580px) {
     .voizout_exp {
          h2 {
               font-size: 28px;
          }
     }

     .why_voizout {
          padding: 24px 14px;
     }

     .why_voizout {
          & .tab-content {
               h3 {
                    font-size: 18px;
               }
          }
     }

     .why_voizout {
          h4 {
               margin: 0px 0 20px 0;
               font-size: 14px;
          }
     }

     .why_voizout {
          & .help_card {

               & .help_card_child_mid,
               & .help_card_child {
                    padding: 20px;
               }
          }
     }

     .explore_voizout {
          h2 {
               font-size: 24px;
          }
     }

     footer {
          h2 {
               font-size: 27.6px;
          }
     }

     footer {
          h6 {
               font-size: 20px;
               padding: 36px 0;
          }
     }

     footer {
          & .all_link {
               a {
                    font-size: 14px;
               }
          }
     }
}

@media screen and (max-width:480px) {
     .header_banner {
          .pyf_dod_dc {
               gap: 6px;
          }

          & .left_side {
               h3 {
                    font-size: 28px;
               }
          }

          & .right_side {
               img {
                    width: 100%;
               }
          }
     }



     .voizout_exp {
          h2 {
               font-size: 22px;
          }
     }

     .perfect_app {
          h2 {
               font-size: 25px;

          }

          img {
               width: 100%;
          }
     }

     .best_feed_optimization {
          .bfo_child {
               margin: 0px;
          }
     }

     .best_feed_optimization {
          .bfo_child {
               padding: 20px;
          }
     }
}

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

     .perfect_app,
     .voizout_exp {
          h2 {
               font-size: 17.2px;
          }
     }

     .explore_voizout {
          h2 {
               font-size: 18px;
          }
     }

}