@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Parkinsans:wght@300..800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');


 html {

   scroll-behavior: smooth;

 }

body{

    font-family: "Archivo", sans-serif;

}







   header{position: absolute !important;top: 0;width: 100%;background-color: transparent;}



/* banner form */

.form-outer-div{max-width: 603px;}

.banner-form{text-align: center;background-color: #CE9E92;padding: 39px 50px;border-radius: 80px 0px 80px 0px;}

.rating {margin: 12px 0;font-size: 14px;color: white;display: flex;align-items: center;justify-content: center;gap: 10px;}

.rating span{font-size: 20px;font-weight: 400;}

.rating a {color: white;font-size: 13px;font-weight: 400;text-decoration: underline;}

.progress-bar {width: 100%;height: 8px;background: rgb(0, 0, 0);border-radius: 10px;margin: 26px 0;position: relative;}

.progress {width: 30%;height: 100%;background: rgb(255, 255, 255);border-radius: 5px;}

.b-question{font-size: 24px;

   font-weight: 500;

   line-height: 26px;

    font-family: "Archivo", sans-serif;

   color: #fff;

   margin: 27px 0;}

.b-options {   display: grid;

   grid-template-columns: repeat(2, 1fr);

   gap: 14px;

   margin: 15px 0;}

.b-options button {    background: #fff;

    border: none;

    padding: 15px;

    min-height: 54px;

    border-radius: 15px;

    font-size: 16px;

    font-weight: 500;

    color: #000000;

    cursor: pointer;

    transition: 0.3s;

    font-family: "Archivo", sans-serif;}

.b-options input {background: #FFFFFF33;border: none;padding: 14px;  border-radius: 30px 0px 30px 0px;font-size: 18px;color: #ffffff;cursor: pointer;transition: 0.3s;text-align: center;}

.b-options input:focus {border: 1px solid #ffffffd6;outline: none;background: #FFFFFF33;}

.b-options input::placeholder{color: #ffffff;}

.form-description p {text-align: center;font-size: 16px;line-height: 22px;color: #000;}

.questions-option textarea {  background: #fff;

    border: none;

    padding: 15px;

    min-height: 54px;

    border-radius: 15px;

    font-size: 16px;

    font-weight: 500;

    color: #000000;

    transition: 0.3s;

    font-family: "Archivo", sans-serif;

    width: 100%;}

.questions-option textarea:focus{border: 1px solid #ffffffd6;outline: none;background: #FFFFFF33;}

.b-options button:hover {   background: rgba(255, 255, 255, 0.87);}

.next-btn-sec{   display: flex;

   justify-content: center;

   margin-top: 33px;

       gap: 16px;}

 .next-btn-sec .next-btn,

 .prev-btn {

    background: white;

    color: black;

    border: none;

    padding: 7px 40px;

    border-radius: 8px;

    font-size: 18px;

    font-weight: 600;

    display: flex;

    align-items: center;

    cursor: pointer;

    font-family: "Archivo", sans-serif;

    height: 52px;

 }       

.next-btn span img{width: 30px;

    margin-left: 7px;

    margin-top: 5px;}

.option-btn.selected {background-color: #FFFFFF33 !important;color: #fff;border: solid 2px #ffffff !important;padding: 15px;}

.banner-form-top{display: flex !important;flex-direction: row !important;gap: 10px;align-items: center;justify-content: center !important;}

.banner-form-top .elementor-widget-rating{width: max-content !important;}

/*form end*/ /* ------------------------------------------------------------- */

 .common-new-slider .slick-prev,

 .common-new-slider .slick-next {

   border-radius: 50%;

   width: 60px;

   height: 60px;

   padding: 0;

   z-index: 100;

 }



 .common-new-slider .slick-next:hover,

 .common-new-slider .slick-next:focus,

 .common-new-slider .slick-prev:hover,

 .common-new-slider .slick-prev:focus {

   background: #CE9E92;

 }



 .common-new-slider .slick-next,

 .common-new-slider .slick-prev {

   background: #CE9E92;

 }



 .common-new-slider .slick-prev:before {

   font-family: "Font Awesome 6 Free";

   content: "\f104";

   font-weight: 600;

   font-size: 20px;

   color: #ffffff;

   opacity: 1;

 }



 .common-new-slider .slick-next:before {

   font-family: "Font Awesome 6 Free";

   content: "\f105";

   font-weight: 600;

   font-size: 20px;

   color: #ffffff;

   opacity: 1;

 }





 .elementor-13 .elementor-element.elementor-element-d28a91a .menu-item a.hfe-menu-item.elementor-button {

   background-position: center right 25px !important;

   margin-left: 22px;

 }





/* subscriber */

.subscribe {

  background-color: #fff !important;border-radius: 12px !important;display: flex !important;margin: 0 !important;padding: 17px 10px !important;align-items: center !important;justify-content: space-between !important;

}

.subscribe .submit-btn {

  cursor: pointer;font-size: 16px !important;font-weight: 600 !important;color: black !important;margin-bottom: 0 !important;

}

.subscribe input {

  border: none !important;background-color: transparent !important;font-size: 16px !important;font-weight: 400 !important;color: #555555 !important;margin-bottom: 0 !important;

}

.email-subs {

  margin-bottom: 0 !important;

}

.btn-subscribe {

  margin-bottom: 0 !important;

}



.subscribe input:focus-visible {

  border: none !important;outline: transparent !important;

}

/* subscriber end */





/*review*/

.review-text p {display: inline;}

.read-more {display: inline-block;color: #555555;cursor: pointer;margin-top: 0px;font-weight: 600;text-decoration: underline;}



/*review end*/





/* ------------------------------------------------------------- */



/* transformation slider */

.slider-section{

  background-color: #F5F5F5;

  margin-top: 200px;}

.transformation-slider{    position: relative;top: -281px;}



.transformation-card{position: relative;overflow: hidden;margin: 15px 0;border-radius: 20px;margin-right: 18px;}

.transformation-card img{height: 424px; width: 100%;object-fit: cover;border-radius: 20px;box-shadow: 0px 4px 14px 0px #00000026;}

.before-after {position: absolute;bottom: 0;display: flex;justify-content: space-around;align-items: center;background-color: #000000B2;width: 100%;border-radius:0px 0px 20px 20px;font-size: 18px;font-weight: 500 !important;color: #ffffff;}

.slick-prev, .slick-next {border-radius: 50%;width: 60px;height: 60px;padding: 0;z-index: 100;box-shadow: 0px 4px 10px 0px #00000026;

}

.slick-next:hover , .slick-next:focus , .slick-prev:hover , .slick-prev:focus{background:#000000;

}



.slick-next ,.slick-prev  {background: #000000;font-size: 0px !important;

}



.slick-prev:before {font-family: "Font Awesome 6 Free";content: "\f104";font-weight: 600;font-size: 20px;color: #ffffff;opacity: 1;}

.slick-next:before {font-family: "Font Awesome 6 Free";content: "\f105";font-weight: 600;font-size: 20px;color: #ffffff;opacity: 1;}





/* review card slider */

.review-slider{margin-top: -240px;}

.review-card{padding: 0 30px;}

.r-profile{display: flex;align-items: center;gap: 10px;margin-bottom: 20px;

}

.r-profile img{width: 55px;height: 55px;object-fit: cover;border-radius: 50%;}

.profile-content h3{font-size: 18px; font-weight: 500; color: black;margin: 0;margin-bottom: 5px;font-family: "Archivo", Sans-serif;}

.profile-content p{font-size: 15px; font-weight: 400; color: #555555;margin: 0;}

.starr{margin-bottom: 20px;}

.review-content p{font-size: 16px; font-weight: 600; color: #555555;margin: 0; line-height: 24px;margin-bottom: 20px;}

.review-content a{color: black !important;}

.facebookimg{margin-top: auto;}

.review-slider .slick-prev{

  display: none !important;

}

.review-slider .slick-next {width: 40px;height: 40px; background: #DC143C;}

.review-slider .slick-next:before {font-size: 15px;}





/* review slider */

/* .outer-div{max-width: 583px;}

.review-content p{font-size: 18px;font-weight: 400;color: #555555;line-height: 30px;font-family: "Archivo", Sans-serif;}

.starr {margin-bottom: 20px;display: flex;gap: 3px;}

.option-value.selected {

    background-color: #000 !important;

    color: #fff;

    border: solid 2px #ffffff !important;

    padding: 15px;

} */





.outer-div{max-width: 583px;}

.review-content p{font-size: 18px;font-weight: 400;color: #555555;line-height: 30px;}

.starr {margin-bottom: 20px;display: flex;gap: 3px;}



.myappicon .e-con-inner{display: flex !important;flex-direction: row !important;align-items: start !important;gap: 18px !important;}

.myappicon .elementor-element-06b6787{align-items: start !important;}

.misson-left{max-width: 556px !important;}

.misson-left-main{display: flex;justify-content: center;align-items: end;}

.parazero p{margin: 0;}

.banner-form-top{display: flex !important;flex-direction: row !important;gap: 10px;align-items: center;justify-content: center !important;}

.banner-form-top .elementor-widget-rating{width: max-content !important;}

.banner-left{height: 100%;}

.appimage{flex: 0 0 70px !important;height: 70px !important;display: flex;justify-content: center;align-items: center;  width: 70px !important;}

.appimage img{width: auto !important;}

.built-icon { position: absolute;bottom: -41px;}

.built-icon { border-radius: 50%;height: 100px !important;width: 100px !important;display: flex;align-items: center;justify-content: center;}

/* today */









.myappicon .e-con-inner{display: flex !important;flex-direction: row !important;align-items: start !important;gap: 18px !important;}

.myappicon .elementor-element-06b6787{align-items: start !important;}

.question-sec .e-n-accordion-item-title{display: flex !important;justify-content: space-between !important;}

.banner-form-top{display: flex !important;flex-direction: row !important;gap: 10px;align-items: center;justify-content: center !important;}

.banner-form-top .elementor-widget-rating{width: max-content !important;}

.parazero p{margin: 0;}

.built-icon { position: absolute;bottom: -41px;}

.built-icon { border-radius: 50%;height: 100px !important;width: 100px !important;display: flex;align-items: center;justify-content: center;}

.header-menu .hfe-button-wrapper {margin-left: 22px;}

.para-zero p{margin: 0 !important;}

.description-para p{margin-bottom: 30px !important;}

.appimage{flex: 0 0 70px !important;height: 70px !important;display: flex;justify-content: center;align-items: center;  width: 70px !important;}

.appimage img{width: auto !important;}

.misson-left{max-width: 556px !important;}

.misson-left-main{display: flex;justify-content: center;align-items: end;}

.tnp-subscription{margin: 0 !important;}

.faq-right .elementor-element-62e889e {max-width: 620px !important;}

.header-main{display: flex !important;flex-direction: row !important;justify-content: space-between;}

.option-btn.selected {background-color: #FFFFFF33 !important;color: #fff;border: solid 2px #ffffff !important;padding: 15px;}

.certificateicon{flex: 0 0 70px !important;height: 70px !important;display: flex;justify-content: center;align-items: center;  width: 70px !important;}

.certificateicon img{width: auto !important;}

.before-after h4{margin: 16px 0;}

/* marque css */

    /* .marquee-wrapper {

      overflow: hidden;

      background-color: #0f3c73;

      color: white;

      padding: 16px 0;

      white-space: nowrap;

    }

 

    .marquee-content h3 {

    display: inline-block;

    padding-left: 100%;

    animation: marquee 40s linear infinite;

    font-size: 20px;

    font-weight: 400;

    margin: 0;

    }

     .marquee-content h3 span{

         font-weight: 500;

     }

 

    @keyframes marquee {

      0%   { transform: translateX(0%); }

      100% { transform: translateX(-100%); }

    } */

     .marquee-wrapper {

      overflow: hidden;

      background: #0f3c73;

      color: white;

      white-space: nowrap;

      padding: 16px 0;

      position: relative;

    }



    .marquee-track {

      display: inline-flex;

      will-change: transform;

      animation: marquee 40s linear infinite;

    }



    .marquee-text {

      display: inline-block;

      padding-right: 18px;

      font-size: 20px;

      font-weight: 400;

    }

    .marquee-tex span{ font-weight: 600;}



    @keyframes marquee {

      0% {

        transform: translateX(0%);

      }

      100% {

        transform: translateX(-50%);

      }

    }

.page-id-1827 .elementor-element-331fc09, .page-id-1883 .elementor-element-331fc09, .page-id-1870 .elementor-element-331fc09 { background-color: #000;}

.page-id-1827 .elementor-element-3378d55c, .page-id-1827 .elementor-element.elementor-element-7bde3e57.elementor-widget__width-initial.elementor-widget.elementor-widget-heading, .page-id-1883 .elementor-element.elementor-element-45623402.e-flex.e-con-boxed.e-con.e-child, .page-id-1870 .elementor-element-55240326 { margin-top: 30px;}